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
Installs
9
GitHub Stars
15
First Seen
Feb 10, 2026