/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

Primary LanguageTypeScript

shadcn/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

hero

Roadmap

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?

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 tailwind-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.