{"id":42278493,"url":"https://github.com/r-arcgis/calcite","last_synced_at":"2026-03-03T23:03:58.782Z","repository":{"id":231571939,"uuid":"782100815","full_name":"R-ArcGIS/calcite","owner":"R-ArcGIS","description":"Harness the Calcite Design System for Shiny applications. Build R-native ArcGIS applications.","archived":false,"fork":false,"pushed_at":"2026-02-26T18:10:50.000Z","size":5466,"stargazers_count":17,"open_issues_count":3,"forks_count":1,"subscribers_count":6,"default_branch":"main","last_synced_at":"2026-02-27T00:18:24.519Z","etag":null,"topics":["arcgis","calcite-design-system","r-shiny","r-spatial","rstats"],"latest_commit_sha":null,"homepage":"http://r.esri.com/calcite/","language":"R","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/R-ArcGIS.png","metadata":{"files":{"readme":"README.md","changelog":"NEWS.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-04-04T16:31:11.000Z","updated_at":"2026-02-26T18:08:52.000Z","dependencies_parsed_at":"2026-01-06T12:03:21.928Z","dependency_job_id":null,"html_url":"https://github.com/R-ArcGIS/calcite","commit_stats":null,"previous_names":["r-arcgis/calcite"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/R-ArcGIS/calcite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/R-ArcGIS%2Fcalcite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/R-ArcGIS%2Fcalcite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/R-ArcGIS%2Fcalcite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/R-ArcGIS%2Fcalcite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/R-ArcGIS","download_url":"https://codeload.github.com/R-ArcGIS/calcite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/R-ArcGIS%2Fcalcite/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30064797,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-03T18:21:05.932Z","status":"ssl_error","status_checked_at":"2026-03-03T18:20:59.341Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arcgis","calcite-design-system","r-shiny","r-spatial","rstats"],"created_at":"2026-01-27T08:15:14.380Z","updated_at":"2026-03-03T23:03:58.777Z","avatar_url":"https://github.com/R-ArcGIS.png","language":"R","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n[![](https://github.com/R-ArcGIS/calcite/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/R-ArcGIS/calcite/actions/workflows/R-CMD-check.yaml)\n\n# Calcite Design System for R\n\nThe `{calcite}` package provides R bindings to Esri’s [Calcite Design\nSystem](https://developers.arcgis.com/calcite-design-system/), designed\nto work directly with Shiny or standalone HTML.\n\n\u003e [!TIP]\n\u003e\n\u003e An [`llms.txt`](https://r.esri.com/calcite/llms.txt) file is available\n\u003e to provide context for LLMs when working with this package.\n\n## Installation\n\nThe `{calcite}` package is available on GitHub. Install it using the\nfollowing command:\n\n``` r\nremotes::install_github(\"r-arcgis/calcite\")\n```\n\n## Usage\n\n`{calcite}` consists of many components. See them all in the [official\ndocumentation](https://developers.arcgis.com/calcite-design-system/components/).\n\nUse the calcite components to scaffold the UI of your Shiny application.\nThe example below uses `calcite_panel()`, `calcite_block()`, and\n`calcite_select()` to build a sidebar-driven scatter plot explorer with\nthe `palmerpenguins` dataset:\n\n``` r\nlibrary(calcite)\n\nopen_example(\"page-sidebar-penguins\")\n```\n\nUse `list_examples()` to see all included examples, `run_example()` to\nrun one directly, or `open_example()` to browse and open one:\n\n``` r\nopen_example()\n```\n\n## App Layouts\n\n`{calcite}` provides layout functions that make it easy to structure\nShiny apps with sidebars, navigation headers, and main content areas.\n\n### `page_sidebar()`\n\nThe simplest way to build a standard Calcite app layout — a sidebar on\nthe left and a main content area on the right, optionally with a\nnavigation header. For a full working example, try\n`open_example(\"page-sidebar-penguins\")`.\n\n``` r\nlibrary(shiny)\nlibrary(calcite)\n\nui \u003c- page_sidebar(\n  title = \"My App\",\n  sidebar = calcite_panel(\n    heading = \"Controls\",\n    calcite_block(\n      heading = \"Options\",\n      collapsible = TRUE,\n      expanded = TRUE,\n      calcite_checkbox(id = \"show_labels\", label_text = \"Show labels\")\n    )\n  ),\n  calcite_panel(heading = \"Map View\")\n)\n\nserver \u003c- function(input, output, session) {}\n\nshinyApp(ui, server)\n```\n\n### `page_actionbar()`\n\nFor map-style apps with an action bar that toggles panels. See\n`open_example(\"page-actionbar\")` for a runnable example:\n\n``` r\nui \u003c- page_actionbar(\n  title = \"Wildlife Areas\",\n  actions = calcite_action_bar(\n    id = \"my_bar\",\n    calcite_action(text = \"Layers\", icon = \"layers\", active = TRUE),\n    calcite_action(text = \"Legend\", icon = \"legend\")\n  ),\n  panel_content = list(\n    calcite_panel(\n      id = \"layers_panel\",\n      heading = \"Layers\",\n      calcite_block(heading = \"Options\", collapsible = TRUE, expanded = TRUE)\n    ),\n    calcite_panel(\n      id = \"legend_panel\",\n      heading = \"Legend\",\n      hidden = TRUE,\n      calcite_block(heading = \"Legend items\", collapsible = TRUE, expanded = TRUE)\n    )\n  ),\n  calcite_panel(heading = \"Map View\")\n)\n\nserver \u003c- function(input, output, session) {\n  observeEvent(input$my_bar, {\n    update_calcite(\"layers_panel\", hidden = input$my_bar != \"Layers\")\n    update_calcite(\"legend_panel\", hidden = input$my_bar != \"Legend\")\n  }, ignoreInit = TRUE)\n}\n\nshinyApp(ui, server)\n```\n\n## Using Component Properties\n\nComponent properties are accessible via `input$id` in a Shiny `server`\nfunction, with each property available as a named list element:\n\n``` r\nlibrary(shiny)\nlibrary(calcite)\n\nui \u003c- calcite_shell(\n  calcite_block(\n    id = \"effects_block\",\n    heading = \"Layer effects\",\n    description = \"Adjust blur, highlight, and more\",\n    collapsible = TRUE,\n    expanded = TRUE,\n    icon_start = \"effects\",\n    calcite_label(\n      \"Effect intensity\",\n      calcite_slider(\n        id = \"intensity\",\n        value = 50,\n        min = 0,\n        max = 100,\n        step = 5,\n        label_handles = TRUE\n      )\n    )\n  )\n)\n\nserver \u003c- function(input, output, session) {\n  observeEvent(input$intensity, {\n    cat(str(input$intensity))\n    cat(sprintf(\"Slider value: %s\\n\", input$intensity$value))\n  })\n}\n\nshiny::shinyApp(ui, server)\n#\u003e Slider value: 45\n#\u003e List of 11\n#\u003e  $ value       : int 45\n#\u003e  $ min         : int 0\n#\u003e  $ max         : int 100\n#\u003e  $ step        : int 5\n#\u003e  $ disabled    : logi FALSE\n#\u003e  $ histogram   : NULL\n#\u003e  $ labelHandles: logi TRUE\n#\u003e  $ labelTicks  : logi FALSE\n#\u003e  $ scale       : chr \"m\"\n#\u003e  $ precise     : logi FALSE\n#\u003e  $ snap        : logi FALSE\n```\n\n## Shiny Reactivity\n\nProperties can be updated from the server using `update_calcite()`,\nwhich takes the `id` of the component and named property values:\n\n``` r\nlibrary(calcite)\nlibrary(shiny)\n\nui \u003c- calcite_shell(\n  calcite_panel(\n    heading = \"Demo\",\n    calcite_button(id = \"show_notice\", \"Show notice\"),\n    calcite_notice(\n      id = \"my_notice\",\n      open = FALSE,\n      closable = TRUE,\n      kind = \"success\",\n      icon = TRUE,\n      title = \"Nice!\",\n      message = \"Your changes have been saved.\"\n    )\n  )\n)\n\nserver \u003c- function(input, output, session) {\n  observeEvent(input$show_notice$clicks, {\n    update_calcite(\"my_notice\", open = TRUE)\n  })\n}\n\nshiny::shinyApp(ui, server)\n```\n\n### Building custom layouts with `calcite_shell()`\n\nFor full control, use `calcite_shell()` directly. Place a\n`calcite_shell_panel()` in `panel_start` or `panel_end`, wrapping a\n`calcite_panel()` with `calcite_block()` components inside:\n\n``` r\nui \u003c- calcite_shell(\n  panel_start = calcite_shell_panel(\n    width = \"m\",\n    calcite_panel(\n      heading = \"Layers\",\n      calcite_block(\n        heading = \"Basemap\",\n        collapsible = TRUE,\n        expanded = TRUE\n      )\n    )\n  ),\n  calcite_panel(heading = \"Map View\")\n)\n\nshinyApp(ui, server)\n```\n\nThe layout hierarchy is:\n\n    calcite_shell()\n      panel_start = calcite_shell_panel()   # controls width, display mode\n        calcite_panel()                     # header, footer, actions\n          calcite_block()                   # collapsible sections\n            # your controls here\n      calcite_panel()                       # main content area\n\n## Additional Components\n\nMany additional components are available but do not yet have explicitly\nnamed parameters. They accept attributes via `...` using kebab-case\nnames, for example `` `icon-start` = \"layers\" ``. This is actively being\nworked on. See the full list at\n[r.esri.com/calcite/reference/index.html#generated-components](https://r.esri.com/calcite/reference/index.html#generated-components).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr-arcgis%2Fcalcite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fr-arcgis%2Fcalcite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr-arcgis%2Fcalcite/lists"}