shadcn/ui Component Gallery

Visual reference for all 29 shadcn/ui components. Use this page to verify visual consistency before and after the v3 → v4 migration.

Components marked with * are custom (not from shadcn registry).

Accordion

Alert

Avatar

JDAB

Badge

DefaultSecondaryDestructiveOutline

Button

variant
size
state

Card

Card Title
Card description with supporting text.

This is the card content area. It can contain any content.

Checkbox

Combobox *

Command

Dialog

Input

default
disabled
with label

Label

Popover

Progress

45%

Radio Group

Scroll Area

Item 1 — Scrollable content
Item 2 — Scrollable content
Item 3 — Scrollable content
Item 4 — Scrollable content
Item 5 — Scrollable content
Item 6 — Scrollable content
Item 7 — Scrollable content
Item 8 — Scrollable content
Item 9 — Scrollable content
Item 10 — Scrollable content
Item 11 — Scrollable content
Item 12 — Scrollable content
Item 13 — Scrollable content
Item 14 — Scrollable content
Item 15 — Scrollable content
Item 16 — Scrollable content
Item 17 — Scrollable content
Item 18 — Scrollable content
Item 19 — Scrollable content
Item 20 — Scrollable content

Select

Separator

Horizontal separator:

Content below separator

Blog
Docs
Source

Sheet

Skeleton

Slider

Value: 50

Spinner *

Switch

Table

A list of recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00

Tabs

Make changes to your account here.

Textarea

default
disabled

Tooltip