shadcn/ui Components

Build beautiful, accessible React interfaces using shadcn/ui - a collection of reusable components built with Radix UI and Tailwind CSS.

Instructions

1. Copy, don't install - Components are copied to your project, not imported from a package
2. Customize freely - Modify components to match your design system
3. Use the CLI - Install components with npx shadcn@latest add
4. Follow conventions - Keep components in components/ui/
5. Leverage Radix - Components are built on accessible Radix primitives

Setup

Initialize Project

# Initialize shadcn/ui in your project
npx shadcn@latest init