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 Group
- Toolbar
-
Toggle -
Navigation Menu -
Figma
Storybook is supported so that you can easily select the correct component and view its properties
To open Storybook, run the following:
cd apps/www
npm i
npm run storybookStarting 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 - Storybook support (Thanks @XavierGeerinck)
- 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.