An unstyled React component library of accessible UI primitives for building custom design systems.
shadcn-ui/ui
A collection of copy-paste React components built on Radix UI and Tailwind CSS that you own and customize in your own codebase.
- Stars
- 126,054
- Forks
- 13,176
- Open issues
- 1,777
- Last commit
- 16 hours ago
What is it?
shadcn/ui is a set of accessible UI components that you add to your project by copying their source code rather than installing them as a locked dependency. The components are designed to be customized, extended, and used as a starting point for building your own component library.
The project is written in TypeScript and its topics point to a React and Tailwind CSS stack, with support for Next.js, Vite, and Laravel, and integrations with Radix UI, React Aria, and Base UI as underlying primitives. Because the code lives in your repository, you can change styling, behavior, and structure directly without waiting on upstream releases.
The project's documentation at ui.shadcn.com covers installation and component usage. The repository is MIT licensed and accepts contributions under a contributing guide.
Key features
- 01Components are copied into your project as source code, so you own and edit them.
- 02Built on accessible primitives such as Radix UI, React Aria, and Base UI.
- 03Styled with Tailwind CSS and designed to be restyled to match your own design system.
- 04Works with React frameworks including Next.js and Vite, and supports Laravel.
Use cases
- Building a React or Next.js app that needs polished, accessible form, dialog, and menu components.
- Creating an internal or company-specific component library based on a shared starting point.
- Prototyping interfaces quickly while keeping full control over the component code.
Topics
FAQ
- What is ui?
- A collection of copy-paste React components built on Radix UI and Tailwind CSS that you own and customize in your own codebase. shadcn/ui is a set of accessible UI components that you add to your project by copying their source code rather than installing them as a locked dependency. The components are designed to be customized, extended, and used as a starting point for building your own component library.
- Is ui free to use? What license does it have?
- ui is open source under the MIT license. Check the license terms before using it in commercial products.
- Is ui still maintained?
- Actively maintained. The last commit to ui was on Oct 20, 2026.
- What can I use ui for?
- Building a React or Next.js app that needs polished, accessible form, dialog, and menu components. Creating an internal or company-specific component library based on a shared starting point. Prototyping interfaces quickly while keeping full control over the component code.
- Where can I get ui?
- The source code and installation instructions are on GitHub: https://github.com/shadcn-ui/ui
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A React UI component library built on React Aria and Tailwind CSS v4, formerly known as NextUI.
A React and Tailwind CSS component library of animated UI components and effects that you copy into your Next.js or shadcn/ui apps.
Free, MIT-licensed animated React components built with Tailwind CSS and Motion, designed to install into shadcn/ui projects.
An open-source visual editor that lets you design and edit Next.js + Tailwind CSS code directly in the browser with AI assistance.
A JavaScript library for building interactive user interfaces from composable components, usable on the web, server and native platforms.