ui-kit
shadcn/ui
Beautifully designed React components you copy-paste into your app
Free OSS (MIT) component library for React + Tailwind. Not a package — components get copied into your project. Radix UI primitives + Tailwind styles. Dominant choice for new Next.js projects in 2024-2026.
Pricing
| Tier | Price | Notes |
|---|---|---|
| OSS (MIT) | Free | $0. MIT license. Free forever. No signup. Components copy-pasted into your repo and owned by you. |
Limits
| Tier | Metric | Value | Notes |
|---|---|---|---|
| — | accessibility | WAI-ARIA compliant via Radix UI primitives | A11y |
| — | blocks | Pre-built full-page "blocks" (login, dashboard, sidebar layouts) | Blocks |
| — | charts | Chart components built on Recharts | Charts |
| — | component count | 50+ components: button, dialog, dropdown, form, table, chart, sidebar, etc. | Components |
| — | dark mode | Built-in dark mode via class or CSS vars | Dark mode |
| — | distribution model | Not an npm package — shadcn CLI copies source into your repo. You own & modify the code. | Copy-paste model |
| — | frameworks | React (primary), Next.js, Vite, Remix, Astro, Gatsby, TanStack Start | Frameworks |
| — | primitives | Built on Radix UI (accessible headless primitives) + Tailwind for styling | Stack |
| — | theming | CSS variables-based theming + Theme Editor for creating custom palettes | Theming |
| — | vs chakra | shadcn = composable + Tailwind; Chakra = prop-based + emotion/styled-system | vs Chakra |
| — | vs tailwind ui | shadcn = free + copy-paste + React-only; Tailwind UI = paid + polished + multi-framework | vs Tailwind UI |
Features
- 50+ Components — Button, dialog, dropdown, form, table, etc.
- Accessibility — WAI-ARIA compliant.
- Blocks — Full-page layouts ready to use.
- Charts — Composable Recharts wrappers.
- CSS Variables — Themeable via --primary, --background, etc.
- Custom Registries — Publish your own components via registry spec.
- Dark Mode — Built-in toggleable theme.
- Form Components (react-hook-form) — Integrated with react-hook-form + Zod.
- MCP Server — Query component catalog from AI agents.
- Radix UI Primitives — Headless accessibility foundation.
- shadcn CLI — Scaffold + add components.
- Themes + Theme Editor — CSS vars-based color system.
Developer interfaces
| Slug | Name | Kind | Version |
|---|---|---|---|
| registry | Component Registry | rest | v2 |
| docs | Docs + Component Browser | other | — |
| cli | shadcn CLI | cli | 2.x |
| mcp | shadcn MCP Server | mcp | — |
| themes | Theme Customizer | other | — |
Compare shadcn/ui with
ai-api
shadcn/ui vs Anthropic API
Side-by-side breakdown.
ai-api
shadcn/ui vs AssemblyAI
Side-by-side breakdown.
ai-api
shadcn/ui vs Deepgram
Side-by-side breakdown.
ai-api
shadcn/ui vs ElevenLabs
Side-by-side breakdown.
ai-api
shadcn/ui vs Google Gemini API
Side-by-side breakdown.
ai-api
shadcn/ui vs Groq
Side-by-side breakdown.
ai-api
shadcn/ui vs OpenAI API
Side-by-side breakdown.
ai-api
shadcn/ui vs Replicate
Side-by-side breakdown.
Staxly is an independent catalog of developer platforms. The link to shadcn/ui above may be an affiliate link — Staxly may earn a commission if you sign up through it, at no extra cost to you. Pricing is verified at publication time — reconfirm on the vendor site before buying.