Shadcn

A code distribution platform that provides beautifully designed, accessible React components you copy into your project rather than install as a dependency. Unlike traditional component libraries, you own the source code and can customize or extend any component directly without overrides or wrappers.

Trusted by teams at OpenAI, Sonos, and Adobe. shadcn/ui differentiates from alternatives like Material UI or Chakra by using an open-code model: components are copied into your codebase via CLI, so you see exactly how each piece works and can modify it freely. Built on Radix UI primitives for accessibility and pairs with Tailwind CSS for styling. The consistent, composable API across components makes it predictable for teams and AI tools alike.

Key capabilities:

• Accessible components built on Radix UI with ARIA support, keyboard navigation, and focus management
• CLI to add, update, and distribute components across React and Next.js projects
• Theming via CSS variables with dark mode support out of the box
• Form integration with React Hook Form and TanStack Form
• Registry schema for distributing custom components or sharing across projects

Use shadcn/ui when building React or Next.js apps and want a solid design system that you fully control. Teams adopt it for dashboards, SaaS UIs, and internal tools where you need consistent, accessible UI without fighting library constraints. The open-code approach suits developers who prefer reading and modifying component logic over configuring opaque APIs, and works well with AI assistants that can reason about the code in your codebase.