shadcn base app
A self-contained React / Next.js 16 + Tailwind v4 app showcasing every shadcn/ui component with static demo data — no backend, no API calls. Pick a component from the sidebar.
59 components228 demosTailwind v4
Accordion
1 demo
Alert
2 demos
Alert Dialog
1 demo
Aspect Ratio
1 demo
Avatar
1 demo
Badge
4 demos
Breadcrumb
6 demos
Button
13 demos
Button Group
11 demos
Calendar
1 demo
Card
2 demos
Carousel
6 demos
Chart
6 demos
Checkbox
3 demos
Collapsible
1 demo
Combobox
4 demos
Command
2 demos
Context Menu
1 demo
Data Table
1 demo
Date Picker
3 demos
Dialog
2 demos
Direction
0 demos
Drawer
2 demos
Dropdown Menu
4 demos
Empty
7 demos
Field
12 demos
Form
21 demos
Hover Card
1 demo
Input
6 demos
Input Group
11 demos
Input Otp
4 demos
Item
10 demos
Kbd
5 demos
Label
1 demo
Menubar
1 demo
Native Select
4 demos
Navigation Menu
1 demo
Pagination
1 demo
Popover
1 demo
Progress
1 demo
Radio Group
1 demo
Resizable
4 demos
Scroll Area
2 demos
Select
2 demos
Separator
1 demo
Sheet
2 demos
Sidebar
0 demos
Skeleton
2 demos
Slider
1 demo
Sonner
2 demos
Spinner
10 demos
Switch
1 demo
Table
1 demo
Tabs
1 demo
Textarea
5 demos
Toggle
6 demos
Toggle Group
7 demos
Tooltip
1 demo
Typography
14 demos