Beautifully designed components built with Radix UI and Tailwind CSS.

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

• Toast
• Toggle
• Toggle Group
• Toolbar
• 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.