shadcn/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

Roadmap

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

Get Started

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

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

Features

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

Tailwind CSS Features

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

License

Licensed under the MIT license.