yamada-ui/yamada-ui

Health v2 · maintenance only

Adoption not part of the score

1025 stars · 259 forks observed · 2026-09-01

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

Yamada UI is a React component library and design system built with Emotion and Framer Motion, offering accessible, themeable, responsive components with dark mode support. It supports both npm package imports and a CLI for downloading components locally (shadcn/ui-style) into your project.

Use cases

• build a react app with accessible ui components
• chakra ui alternative for react
• add dark mode and theming to a react app
• download customizable ui components into my project like shadcn
• set up a design system with next.js or vite
• find a react component library with animation support

When to choose

• you want a Chakra UI-inspired design system with modern React 19 support
• you need both importable components and locally-owned, editable components via CLI
• accessibility, dark mode, and responsive design are priorities

When to avoid

• your project uses React 18 or earlier
• you need a framework-agnostic or non-React solution
• you prefer CSS-in-JS-free styling approaches

Facets

library · maturity active

ui-components css-framework animation theme accessibility web-development frontend web-design cross-platform react design-system component-library emotion framer-motion dark-mode responsive-design chakra-ui-alternative cli-component-install nodejs web-server

Member repositories

For agents

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