A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

shadcn/ui is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code.

Try our hand-picked themes. Copy and paste them into your project. New theme editor coming soon.

A vertically stacked set of interactive headings that each reveal a section of content.

Here you can find all the components available in the library. We are working on adding more components.

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

The complete Tailwind color palette in HEX, RGB, HSL, CSS variables, and classes. Ready to copy and paste into your project.

Use the shadcn CLI to add components to your project.

A collection of ready-to-use chart components built with Recharts. From basic charts to rich data displays, copy and paste into your apps.

Learn how to use CSS Variables and color utilities for theming in shadcn/ui.