Chakra UI
Chakra UI is a component system for building SaaS products with speed ⚡️ observed · 2026-10-10
Health v2 · maintenance only
92/100
- Activity 98
- Release rhythm 80
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 0.0
- age_days: 2621
- days_rel: 53
- days_push: 14
- n_releases_24m: 227
Adoption not part of the score
40680 stars · 3647 forks observed · 2026-10-10
What it is AI-extracted, prompt v1, taxonomy v1, 2026-09-28, confidence 0.97
Chakra UI is an accessible, themeable component library for building React applications. It provides a rich set of UI primitives and styling utilities to speed up product development.
Use cases
- Build a responsive dashboard with reusable React components
- Create a design system for a SaaS product using Chakra UI's theming
- Add accessible form controls and dark‑mode support to a web app
- Rapidly prototype UI screens with pre‑styled components
- Integrate Chakra UI into a Next.js or Vite project for consistent styling
When to choose
- You need a well‑maintained, accessible component library for React
- You want built‑in theming, dark‑mode, and design token support
- You prefer a TypeScript‑first API with strong community support
When to avoid
- Your project uses a different UI framework (e.g., Vue, Angular) without a compatible port
- You require a zero‑runtime CSS solution and cannot accept Emotion as a dependency
- You need highly custom, low‑level UI primitives not covered by Chakra's component set
Facets
library · maturity active
ui-components css-framework frontend-framework web-development frontend browser react typescript accessible dark-mode design-system chakra-ui design-systems nodejs
6 sources
- readme: https://github.com/chakra-ui/chakra-ui · fetched 2026-10-10 · 40df950c7d56
- homepage: https://chakra-ui.com · fetched 2026-09-14 · 00095b15db87
- site_page: https://chakra-ui.com/docs/get-started/installation · fetched 2026-09-14 · 02b7018f1178
- site_page: https://chakra-ui.com/docs/components/concepts/overview · fetched 2026-09-14 · 7137b2cfa7a4
- site_page: https://chakra-ui.com/docs/theming/overview · fetched 2026-09-14 · 44d565b08f02
- site_page: https://chakra-ui.com/docs/styling/overview · fetched 2026-09-14 · 523bdbaa1c80
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| chakra-ui/chakra-ui | main | 92 |
| chakra-ui/chakra-ui-vue | sdk | 10 |
| chakra-ui/awesome-chakra-ui | docs | 32 |
| chakra-ui/chakra-ui-docs | docs | 10 |
For agents
markdown · JSON · MCP: product_card(name="chakra-ui/chakra-ui")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem