shadcn/ui Component Library

Complete reference for shadcn/ui — CLI, installation, components, theming (OKLCH), forms (React Hook Form + Zod), dark mode, MCP server, registry, and best practices.

Key Principles

• Open Code — Components copied into your project, not installed as dependencies
• Composition — Build complex UIs by composing simple components
• Distribution — CLI and registry system for easy component management
• Beautiful Defaults — Production-ready styling out of the box
• AI-Ready — Designed to work well with AI assistants

Quick Reference — CLI Commands

# Initialize
npx shadcn@latest init