shadcn/ui Development Guidelines

Best practices for using shadcn/ui components with Tailwind CSS and Radix UI primitives.

Core Principles

1. Copy, Don't Install: Components are copied to your project, not installed as dependencies
2. Customizable: Modify components directly in your codebase
3. Accessible: Built on Radix UI primitives with ARIA support
4. Type-Safe: Full TypeScript support
5. Composable: Build complex UIs from simple primitives

Installation

Initial Setup

npx shadcn@latest init