Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.

Warning This is work in progress. I'm building this in public. You can follow the progress on Twitter @shadcn.

• Toggle Group
• Toolbar
• Toast
• Toggle
• Navigation Menu
• Figma

Starting a new project? Check out the Next.js template.

npx create-next-app -e https://github.com/shadcn/next-template

• Radix UI Primitives
• Tailwind CSS
• Fonts with @next/font
• Icons from Lucide
• Dark mode with next-themes
• Automatic import sorting with @ianvs/prettier-plugin-sort-imports

• Class merging with tailwind-merge
• Animation with tailwindcss-animate
• Conditional classes with clsx
• Variants with class-variance-authority
• Automatic class sorting with eslint-plugin-tailwindcss

Licensed under the MIT license.