{"id":13400464,"url":"https://github.com/grommet/grommet","last_synced_at":"2026-04-09T21:30:03.472Z","repository":{"id":37502713,"uuid":"32787174","full_name":"grommet/grommet","owner":"grommet","description":"a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package","archived":false,"fork":false,"pushed_at":"2025-05-05T18:40:35.000Z","size":361305,"stargazers_count":8364,"open_issues_count":387,"forks_count":1034,"subscribers_count":124,"default_branch":"master","last_synced_at":"2025-05-10T09:34:29.162Z","etag":null,"topics":["a11y","babel","design-system","grommet","hacktoberfest","javascript","react","ux-framework"],"latest_commit_sha":null,"homepage":"https://grommet.io","language":"JavaScript","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/grommet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2015-03-24T08:54:10.000Z","updated_at":"2025-05-10T08:03:38.000Z","dependencies_parsed_at":"2024-09-22T18:36:50.892Z","dependency_job_id":"82a88bfe-ed50-4f6a-b7e4-5e9396324599","html_url":"https://github.com/grommet/grommet","commit_stats":{"total_commits":6283,"total_committers":410,"mean_commits":"15.324390243902439","dds":0.7778131465860258,"last_synced_commit":"e93868c31aeb9e16dcfe9423057d00d83b3aa7b7"},"previous_names":[],"tags_count":175,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grommet%2Fgrommet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grommet%2Fgrommet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grommet%2Fgrommet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grommet%2Fgrommet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grommet","download_url":"https://codeload.github.com/grommet/grommet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253551233,"owners_count":21926251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["a11y","babel","design-system","grommet","hacktoberfest","javascript","react","ux-framework"],"created_at":"2024-07-30T19:00:52.324Z","updated_at":"2025-12-13T17:25:29.360Z","avatar_url":"https://github.com/grommet.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","UI Frameworks","Uncategorized","UI Frameworks \u0026 Libraries","Cases","Open Source Projects at HPE","Recently Updated","HarmonyOS","优秀组件","Component Libraries","React [🔝](#readme)"],"sub_categories":["Responsive","Uncategorized","style","[Oct 20, 2024](/content/2024/10/20/README.md)","Windows Manager"],"readme":"# Grommet: focus on the essential experience\n\n[![PRs Welcome](https://img.shields.io/badge/pr's-welcome-7d4cdb.svg)][contributing]\n[![slack](https://img.shields.io/badge/join%20the%20community-slack-fd6fff.svg)][slack]\n[![blogs](https://img.shields.io/badge/view%20blogs%20on-medium-000000.svg)][medium]\n[![npm package](https://img.shields.io/npm/v/grommet.svg?color=ffca58)][npm]\n[![npm downloads](https://img.shields.io/npm/dm/grommet.svg?color=3d138d)][npm]\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)][prettier]\n\n\u003cimg align=\"right\" height=\"260\" src=\"https://v2.grommet.io/img/stak-hurrah.svg\"\u003e\n\n## Documentation\n\nVisit the [Grommet] website for more information.\n\n## Support / Contributing\n\nBefore opening an issue or pull request, please read the [Contributing] guide.\n\n## Install\n\nYou can install Grommet using either of the methods given below.\n\nFor npm users:\n\n```shell\n  $ npm install grommet styled-components --save\n```\n\nFor Yarn users:\n\n```shell\n  $ yarn add grommet styled-components\n```\n\nThere are more detailed instructions in the [Grommet Starter] app tutorial for\nnew apps. For incorporating Grommet into an existing app, see the [Existing App]\nversion.\n\n## Explore\n\n1. [Storybook] examples per component, you can create them locally by running:\n\n   ```shell\n     $ npm run storybook\n   ```\n\n   or\n\n   ```shell\n     $ yarn storybook\n   ```\n\n1. Grommet starter template [sandbox](https://codesandbox.io/p/sandbox/m7mml8l0zj?file=%2Findex.js).\n1. [Templates, patterns, and starters][sandboxes]: feel free to share with us\n   more pattern ideas on [Slack].\n1. End-to-end project examples from our community in the\n   [#i-made-this Slack channel][slack].\n1. Read more from the Grommet team on [Medium].\n\n## Stable\n\ngrommet is also available on a stable branch that is built with the content of the 'master' branch.\nFrom your package.json point to stable.\n\n```\n\"grommet\": \"https://github.com/grommet/grommet/tarball/stable\",\n```\n\nFor more info, read the [stable wiki](https://github.com/grommet/grommet/wiki/What-is-grommet-stable-and-how-to-use-it%3F).\n\n## Release History\n\nSee the [Change Log].\n\n## Tools Behind Grommet\n\nGrommet is produced using this great tool:\n\n- [BrowserStack] for browser emulators and simulators.\n- [Circle CI] for continuous integration.\n\n[browserstack]: https://www.browserstack.com/\n[change log]: https://github.com/grommet/grommet/wiki/Change-Log\n[circle ci]: https://circleci.com/gh/grommet/grommet/\n[contributing]: CONTRIBUTING.md\n[existing app]: https://github.com/grommet/grommet-starter-existing-app\n[grommet starter]: https://github.com/grommet/grommet-starter-new-app\n[grommet]: https://grommet.io/\n[medium]: https://medium.com/grommet-io\n[npm]: https://www.npmjs.com/package/grommet\n[prettier]: https://github.com/prettier/prettier\n[sandboxes]: https://codesandbox.io/u/grommetux/sandboxes\n[sandbox]: https://codesandbox.io/p/sandbox/m7mml8l0zj?file=%2Findex.js\n[slack]: https://slack-invite.grommet.io\n[storybook]: https://storybook.grommet.io\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrommet%2Fgrommet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrommet%2Fgrommet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrommet%2Fgrommet/lists"}