A collection of re-usable components built using Radix UI and Tailwind CSS. Accessible. Customizable. Open Source. Browse 50+ components ready to copy into your project.

78.4k stars · Updated 2 days ago

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. 78.4k stars · MIT License.

v2.1.0 · MIT · 2.8M weekly downloads

Use the shadcn/ui CLI to add components to your project. Weekly downloads: 2,847,312. Latest version: 2.1.0.

Feb 3, 2025 · 8 min read

How shadcn/ui changed the way developers think about component libraries. An in-depth look at the copy-paste philosophy and why millions of developers love it.

142 votes · 8 answers

The recommended approach is to edit the component files directly. Since shadcn/ui gives you full ownership, you can modify className props and add custom variants.

1.2M views · 8 months ago

In this 4-hour course, we build a complete admin dashboard using shadcn/ui, Next.js 15, and Tailwind CSS. Covers setup, theming, dark mode, and data tables.

Mar 10, 2025 · 15 min read

Everything you need to know: installation, theming, dark mode, forms with react-hook-form and zod, data tables, and deploying to Vercel.

2 weeks ago · 12 min read

After testing Material UI, Chakra, Mantine, and Ant Design, here's an honest comparison. The winner might surprise you, but the reasons won't.

Updated Jan 15, 2025

Official guide for adding shadcn/ui to a Next.js application. Covers the CLI setup, TypeScript configuration, and Tailwind integration.

61.2k stars

shadcn/ui is featured under UI Component Libraries. A curated list of the best React component libraries evaluated by accessibility and community.