What is shadcn/ui — Copy-Paste React Component Library?

Not a component library you install — components you copy into your project. Beautiful, accessible React components built on Radix UI and Tailwind CSS. Full ownership of code. 80,000+ stars.

Is shadcn/ui — Copy-Paste React Component Library free to use?

Yes. shadcn/ui — Copy-Paste React Component Library is freely available on TokRepo. Check the Source & Thanks section on the asset page for the specific open-source license.

How do I install shadcn/ui — Copy-Paste React Component Library?

Visit the asset page on TokRepo and click "Copy for agent" to get the installation instructions. Most assets can be installed with a single command.

shadcn/ui — Copy-Paste React Component Library

Why Copy-Paste > Install

Traditional Library	shadcn/ui
`npm install component-lib`	`npx shadcn add button`
Styled via props/themes	Direct Tailwind CSS
Update = breaking changes	You control updates
Hidden source code	Full source in your project
Bundle everything	Only what you use

Available Components

Layout

Button, Card, Separator, Sheet, Tabs, Accordion, Collapsible

Forms

Input, Textarea, Select, Checkbox, Radio, Switch, Slider, DatePicker, Form (React Hook Form + Zod)

Data Display

Table, DataTable (with sorting, filtering, pagination), Badge, Avatar, HoverCard

Feedback

Alert, AlertDialog, Dialog, Drawer, Toast, Tooltip, Progress, Skeleton

Navigation

NavigationMenu, Breadcrumb, Pagination, Command (cmdk), Menubar, ContextMenu, DropdownMenu

Theming

/* globals.css — customize your theme */
:root {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  /* ... */
}

.dark {
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
}

AI-Friendly

shadcn/ui is the default output of v0.dev and many AI coding tools:

AI prompt: "Create a settings page with tabs for profile, notifications, and billing"
AI output: Uses shadcn Tabs, Card, Input, Button — all standard components

CLI Power

# Add multiple components at once
npx shadcn add button card input label

# Add a complex component with dependencies
npx shadcn add data-table
# Auto-installs: Table, Button, DropdownMenu, Input

# List available components
npx shadcn add --help

Key Stats

80,000+ GitHub stars
50+ components
Radix UI primitives (accessible)
Tailwind CSS styling
Used by Vercel, v0, 100K+ projects

FAQ

Q: What is shadcn/ui? A: A collection of React components you copy into your project — built on Radix UI and Tailwind CSS — giving you full ownership and customization.

Q: Is shadcn/ui free? A: Yes, fully open-source under MIT license.

Q: Is shadcn/ui a component library? A: No, it is NOT a library you install via npm. Components are copied into your project so you have full control.