shadcnui
Installation
SKILL.md
shadcn/ui
shadcn/ui is not a component library; it's a collection of reusable components that you copy and paste into your apps. Built on Radix UI and Tailwind.
When to Use
- Modern Copy-Paste Component Architecture: Full ownership of React UI components without npm dependency lock-in.
- Accessible Design Systems with Tailwind CSS & Radix UI: Fully accessible WAI-ARIA primitives styled with Tailwind.
- Next.js & Vite Modern Web Applications: Building polished SaaS dashboards and web interfaces.
- Themable Component Libraries: Customizing CSS variables, radius, and neutral color palettes.
Quick Start
# Initialize shadcn in your Next.js / Vite project
npx shadcn@latest init