grommet/grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package observed · 2026-08-28
Health v2 · maintenance only
99/100
- Activity 99
- Release rhythm 98
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 28.5
- age_days: 4180
- days_rel: 15
- days_push: 7
- n_releases_24m: 21
Adoption not part of the score
8352 stars · 1036 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Grommet is a React-based UI framework and design system that packages accessible, modular, responsive, and themeable components for building web applications. It emphasizes W3C WCAG 2.1 compliance, mobile-first responsive layouts via Flexbox and CSS Grid, and powerful theming tooling.
Use cases
- build an accessible React user interface
- find a React component library with built-in theming
- create a responsive mobile-first web app UI
- adopt a design system for a React codebase
- make UI components WCAG compliant with keyboard and screen reader support
- kickstart a new React app with a starter template
When to choose
- You need accessibility (WCAG 2.1, keyboard navigation, screen reader support) out of the box
- You want an opinionated, batteries-included design system with icons, templates, and designer tooling
- You need responsive Flexbox/CSS Grid layouts that work across phones and widescreen displays
- You want a mature, well-maintained library with an active community and release history
When to avoid
- Your project is not built with React, since Grommet is React-only
- You want unstyled headless primitives or a utility-first CSS approach instead of an opinionated design system
- You need to match a fully bespoke visual language and the bundled theming model would fight your design requirements
- You want to avoid extra dependencies like styled-components
Facets
framework · maturity stable
ui-components frontend-framework accessibility theme web-development frontend accessibility web-design browser cross-platform react design-system component-library styled-components wcag-2-1 a11y theming responsive-design mobile-first ux-framework nodejs
3 sources
- readme: https://github.com/grommet/grommet · fetched 2026-08-28 · 379b506ec8d6
- homepage: https://grommet.io · fetched 2026-08-29 · c81e588d282c
- site_page: https://v2.grommet.io/docs · fetched 2026-08-29 · 48bb92d00f2c
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| grommet/grommet | main | 99 |
For agents
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem