shadcn/ui
64 copy-in React components on Radix + Tailwind, installed by CLI
Tier S · Best in classComponent LibraryRegistryDesign System Docsui.shadcn.com
The official shadcn/ui site: documentation, live examples, blocks, theming, and the registry the `shadcn` CLI reads from. It ships 64 documented components — from Button and Dialog through Sidebar, Data Table, Chart, and the newer chat primitives Message, Message Scroller, Bubble and Attachment — as source files you own, styled with Tailwind CSS variables and built on Radix primitives. Blocks cover dashboard, sidebar, login and signup layouts. It is the default starting point for any React app that needs a coherent, accessible, themeable component layer without a runtime dependency.
pnpm dlx shadcn@latest add [component]For an agent
Make this the base layer of any React UI task, then add narrower registries (Dice UI for kanban/data-grid/media, Tailark for marketing sections) on top — they publish against the same registry schema and share the Radix + CSS-variable token model, so they compose without style drift. Always run `init` before `add`, and check components.json aliases; if the project already has a components/ui directory, `add` will overwrite hand-edited files without warning. Do not add a component you can compose from ones already installed — the copy-in model means every `add` is permanent surface area in the repo.
Why it is here. It reset how React UI is distributed — as owned source rather than an imported dependency — and its token conventions are now the lingua franca that a dozen other registries target.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React, Next.js, Remix, Astro, Vanilla JS
- Styling
- Tailwind CSS v4, Tailwind CSS v3, CSS custom properties
- Distribution
- shadcn registry, CLI installer, Copy-paste snippet, npm package, GitHub repository, MCP server
- Platform
- Web
- Content type
- Code, Design tokens / theme files
- Agent readiness
- Machine-readable registry item, CLI installable, MCP server, Structured documentation, Copy-paste ready code, Readable open source
- Accessibility
- Built on accessible primitives, Full ARIA pattern implemented, Keyboard navigable, Focus management and visible focus, Semantic HTML
- Maturity
- Actively maintained
- GitHub stars
- 121,400
- Package
- shadcn
Components it ships
64 totalHelps you build
19Notable for
- 64 documented components
- CLI + registry.json install path
- official MCP server for registries
- Radix primitives with Tailwind CSS variables
- chat primitives (Message, Bubble, Attachment) shipped in core
Provenance
Verified 2026-08-15. HTTP 200. https://ui.shadcn.com/docs/components, https://ui.shadcn.com/docs/cli, https://ui.shadcn.com/blocks, https://github.com/shadcn-ui/ui
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts