← All open source projects

shadcn/ui

shadcn-ui/ui

shadcn/ui is a set of accessible components and a code distribution approach for building your own UI library.

Forks 9,005
Author shadcn-ui
Language TypeScript
License MIT
Synced 2026-06-07

What shadcn/ui is

shadcn/ui is not a typical component library that is only consumed as a dependency. The idea is different: teams copy component source into their own project, customize it, and gradually build their own UI library.

The components use React, Tailwind CSS, Radix UI/Base UI, and modern setups such as Next.js or Vite. The approach became popular because it gives a strong starting point without locking a team into a remote package and fixed styles.

What is inside and how it is used

Adding a component

This example shows the project shape and the usual way it is used.

Language: Bash
npx shadcn@latest add button

# the component appears in the project and can be edited as local code

The repository contains the docs site, component source, code-distribution utilities, examples, and support for different environments. The main result for users is local component files, not just an npm package.

Strengths and limits

Its strength is code control and a strong default look. Its limit is maintenance responsibility: once copied, components must be updated, adapted, and kept from becoming a messy local fork.