shadcn/ui — 87 React Components, Preview & Copy | 21st

shadcn/ui

shadcn/ui

Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS.

197components680.1Kviews4.6Kbookmarks

Installs all 15 components. Without our CLI, run instead.

Auto-indexed

shadcn/ui contents

Message

Message

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Spinner

Kbd

Kbd

Kbd

Kbd

Kbd

Kbd

Kbd

Kbd

Kbd

Kbd

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

Item

About shadcn/ui

shadcn/ui publishes a shadcn registry at ui.shadcn.com, with 15 components installable through the shadcn CLI.

Components: 15

Also in the shadcn/ui registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

attachment
bubble
direction
marker
message-scroller
questionnaire

What shadcn/ui builds on

The packages and primitives its components pull in, counted across the registry.

use-mobile1

Hooks and utilities

accordion
alert
alert-dialog
aspect-ratio
avatar
badge
breadcrumb
button
calendar
card
carousel
chart
checkbox
collapsible
combobox
command
context-menu
dialog
drawer
dropdown-menu
form
hover-card
input
input-otp
label
menubar
navigation-menu
pagination
popover

progress

radio-group

resizable

scroll-area

select

separator

sheet

sidebar

skeleton

slider

sonner

switch

table

tabs

textarea

toast

toggle

toggle-group

tooltip

Registries like shadcn/ui

coss

28

components

ReUI

100

components

Dice UI

8

components

Intent UI

18

components

Spectrum UI

by Arihant jain

29

components

Shadcn UI Kit

by Shadcn UI Kit

19

components

Browse every shadcn registry we track →

Components
/
shadcn
/
shadcn/ui

Related libraries

Ruixen UI

378

components

Efferd

113

components

HextaUI

by Preet Suthar

123

components

ReUI

100

components

Jolly UI

by James Shopland

51

components

Tailark

by Méschac Irung

54

components

About shadcn/ui

shadcn/ui is a component library on 21st.dev by shadcn with 87 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

All 87 shadcn/ui components

Accordion
Alert
Alert Dialog
Aspect Ratio
Avatar
Badge
Breadcrumb
Button
Button Group
Calendar
Calendar date and time picker
Calendar Date and Time range
Calendar Date Picker

Browse all component libraries →

Calendar Date & Time range

Calendar day picker

Calendar language date picker

Calendar picker in a drawer

Calendar Variable size

Calendar with booked days

Calendar with day button

Calendar with disabled days

Calendar with disabled weekends

Calendar with event slots

Calendar with little-date

Calendar with localisation

Calendar With Month and Year Dropdown

Calendar with presets

Calendar with range selection

Calendar with start end month

Calendar with time picker inline

Calendar with time piker

Calendar with time pressets

Calendar with week numbers

Multiple months calendar

Multiple months range

Navigation menu

Range selection calendar

Range selection calendar with min.