Shadcn
A collection of copy-paste React components built on Radix UI that you own and customize, not a traditional npm package.
What is Shadcn?
Shadcn is a collection of accessible React components that you copy directly into your codebase instead of installing as a dependency.
Built on Radix UI primitives and styled with Tailwind CSS, it gives you production-ready components with full accessibility baked in.
Most builders use the CLI to add components one at a time. The code lives in your project, so you can tweak styling, behavior, or structure however you want. No version conflicts, no waiting for maintainers to merge your PR.
Free and open source. Works with Next.js, Remix, Astro, or any React setup. The official site is ui.shadcn.com.
Good to Know
Components live in your codebase, not node_modules
Built on Radix UI primitives for accessibility and keyboard navigation
Styled with Tailwind CSS, fully customizable
CLI adds components one at a time to your project
Free and open source, works with any React framework
How Vibe Coders Use Shadcn
Building a dashboard with data tables, dialogs, and dropdowns that match your brand
Adding a date picker or command palette without fighting with package styles
Spinning up a new project with accessible components in minutes
Customizing component behavior without forking a library or opening GitHub issues
Frequently Asked Questions
Related Terms
React components that run in the browser and can use hooks, event handlers, and browser APIs like localStorage.
A JavaScript library for building user interfaces with reusable components. Created by Meta, powers Facebook, Instagram, and thousands of apps.
A React framework that handles routing, server rendering, and optimization out of the box so you can ship faster.
A toolkit with pre-built code, libraries, and docs that lets you build apps for a specific platform without starting from scratch.
Reusable building blocks in software that handle specific functions and can be combined to build complete applications.
Join 0 others building with AI