Playground
A sandbox for trying shadcn components. Nothing here talks to a backend.
Buttons
Variants, sizes, icons, loading, and groups.
Badges
defaultsecondaryoutlinedestructiveghost
Forms
Inputs, selects, and toggles with no submit handler.
A switch with no persistence.
Next.js form
Server action, Zod validation, and pending state.
Bug Report
Help us improve by reporting bugs you encounter.
Overlays
Dialogs, menus, and toasts — all local state.
Feedback
Just a callout
Alerts are for messages. This one does not come from a server.
Nothing here yet
Empty states are for when a list has no items.
Data display
Example card
Cards group related UI.
Use this page to compose new layouts from the components already in the project.
ALGHJO
Inbox
12 unread messages
12
| Name | Role | Status |
|---|---|---|
| Ada Lovelace | Engineer | Active |
| Grace Hopper | Designer | Invited |