Home/Web/shadcn/ui
s
Website Repository
License:MIT
Open source Self-hostable

shadcn/ui

About

A collection of beautifully designed React components that you copy into your project. Not a dependency — components are owned by you and styled with Tailwind CSS and Radix primitives.

Pricing

Free

shadcn/ui is a copy-paste component library for React. Rather than a package you depend on, you install component source code into your project, giving you full control over every style and behavior.

Key Features

  • Accessible primitives built on Radix UI.
  • Tailwind CSS styling that is fully customizable in your project.
  • No runtime dependency — components are your code.
  • CLI-based install (npx shadcn@latest add button).
  • Theming with CSS variables and dark mode support.
  • Registry for sharing custom components.

Pricing

shadcn/ui is free and open source under the MIT license.

Getting Started

npx shadcn@latest init
npx shadcn@latest add button card dialog

Then import the generated components from your components/ui/ directory in any React app using Tailwind.