shadcn/ui

Frameworks & Libraries

Visit website

Freemium

About

Build your own component library from code you own.

shadcn/ui is a set of composable, accessible components with thoughtful defaults. Instead of installing a package, you copy the code into your project, then customize, extend and make it your own, which makes it a foundation for your design system.

Features & use cases

Copy components into your project
Customize and extend the code
Start from accessible, composable components
Build your own component library

Who reaches for it

React teams starting a design system from accessible defaults
Developers who want to own their component code instead of a package

Getting it

shadcn/ui publishes documentation.

Ready to try shadcn/ui?

Opens ui.shadcn.com in a new tab.

Visit website

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related tools

Tailark

Modern, responsive, pre-built blocks for marketing websites.

HeroUI

Beautiful, fast and modern React UI library, formerly NextUI.

Tremor

React components to build charts and dashboards fast.

daisyUI

The most popular component library for Tailwind CSS.

23rd

Opinionated shadcn registry of copy-paste UI components for React and Svelte 5.

Beautiful UI

Copy-paste React components for AI chat agents, thinking states and human-in-the-loop flows.

Thinking Orbs

Animated component set for showing an AI thinking state in a product.

Sonner

Opinionated toast component for React, sensible defaults out of the box.