← All libraries

shadcn/ui

JavaScript
↗ Official site

Ready-made components

Copy-paste accessible React components styled with Tailwind.

What it does

shadcn/ui is a collection of beautiful, accessible React components (buttons, modals, dropdowns, forms) that you copy into your project and own completely — no npm package to update. Built on Radix UI + Tailwind.

When to use it

Use this when you want polished, accessible UI components for a React + Tailwind project.

Real example

You're building a SaaS dashboard in Next.js and need a polished data table with sorting, a date picker, and a command palette for search. Prompt: 'Run npx shadcn@latest add table datepicker command. Import DataTable, DatePicker, CommandDialog in your dashboard page. Pass your columns and data array to DataTable.'

Good to know

Requires React and Tailwind. The most popular React component library right now. Because you own the code, you can customize everything.

Alternatives

Install

$ npx shadcn@latest init

Use cases

UI componentsReactTailwindformsmodals

Language

JavaScript

Category

Ready-made components

More in Ready-made components

Other tools in the same category