shadcn/ui Components
A collection of beautifully designed, accessible components built with Radix UI and Tailwind CSS.
React
TypeScript
Tailwind CSS
Alerts
Heads up!
You can add components and dependencies to your app using the CLI.
Error
Your session has expired. Please log in again.
Buttons
Cards
Card Title
Card Description
This is a simple card component with header, content, and footer sections.
Features
What you get
- ✓Accessible
- ✓Customizable
- ✓Open Source
Stats
Your metrics
Components50+
Downloads1M+
Tabs
What is shadcn/ui?
A modern component library for React applications
shadcn/ui is a collection of re-usable components that you can copy and paste into your apps. It's built with Radix UI and Tailwind CSS, providing accessible and customizable components.
Accessible
Built with Radix UI primitives
Customizable
Fully styled with Tailwind CSS
Open Source
Free to use and modify
Accordion
Get More Components
Explore the Full Component Library
This demo includes just a few popular components. shadcn/ui offers 50+ components.
How to Add More Components:
- Visit the official shadcn/ui documentation
- Browse the components you need
- Copy the component code from the docs
- Paste it into your
components/uidirectory - Install any required dependencies (if prompted)