Chakra UI

Health v2 · maintenance only

Adoption not part of the score

40597 stars · 3639 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Chakra UI is an accessible React component library and design system for building web applications quickly, with semantic tokens, styling recipes, and dark mode support. It works with frameworks like Next.js and Vite and is backed by the Ark UI headless component ecosystem.

Use cases

• build accessible react apps
• create a design system for a saas product
• add dark mode to a react app
• build a dashboard ui quickly with prebuilt components
• style react components with semantic design tokens
• build a wai-aria compliant component library
• set up ui components in next.js app router

When to choose

• you are building a React web app and want accessible, WAI-ARIA compliant components out of the box
• you need rapid SaaS product development with a themable design system
• you want dark mode, semantic tokens, and component recipes with minimal setup
• you work with Next.js, Vite, or Remix and want first-class integration guides

When to avoid

• your project is not React-based (consider Chakra UI Vue or another ecosystem library)
• you need zero-runtime CSS with minimal bundle overhead and prefer a utility-first approach like Panda CSS or Tailwind
• you need fully custom, unstyled headless primitives only (consider Ark UI directly)
• you are building a non-web platform such as native mobile or desktop apps

Facets

library · maturity stable

ui-components css-framework frontend-framework theme web-development frontend web-design accessibility cross-platform react design-system accessibility wai-aria dark-mode css-in-js component-library typescript nextjs nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="chakra-ui/chakra-ui")