kuma-ui/kuma-ui

Health v2 · maintenance only

Adoption not part of the score

1858 stars · 69 forks observed · 2026-08-28

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

Kuma UI is a headless, utility-first React component library with zero-runtime CSS extraction, using a hybrid approach that statically extracts styles at build time while supporting dynamic styles. It provides unstyled components (Box, Flex, Grid, Text, Button, etc.) with utility props, theming, and Next.js/Vite/webpack plugins including React Server Components support.

Use cases

• style react components without runtime css-in-js overhead
• build custom design systems with headless react components
• use utility-first styling with autocomplete in react
• adopt css-in-js compatible with react server components
• extract css at build time in next.js or vite projects
• replace styled-components or emotion for better performance

When to choose

• you want zero-runtime performance with css-in-js ergonomics
• you need headless components with full styling control
• your app uses Next.js App Router / React Server Components
• you prefer utility props and typed style autocomplete

When to avoid

• you want pre-styled, opinionated component designs out of the box
• your project is not React 18+ or uses another framework
• you rely heavily on fully dynamic runtime styling
• you need a very mature ecosystem like Tailwind or Chakra

Facets

library · maturity active

ui-components css-framework frontend-framework templating frontend web-development web-design cross-platform css-in-js zero-runtime headless-components utility-first react nextjs rsc typescript style-extraction nodejs web-server

Member repositories

For agents

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