Shadcn/UI Component Showcase
A demonstration of various UI components that adapt to light and dark themes.
Typography
Headings, paragraphs, and other text elements.
H1: The Joke Tax
H2: The People of the Kingdom
H3: The King's Decree
H4: The Joke's on You
The king, seeing how much his subjects enjoyed jokes, decided to introduce a joke tax.
"After all," he said, "why should the jesters have all the fun?"
@shadcn/uiButtons
Various styles of interactive buttons.
Card
A versatile container for content.
Create project
Deploy your new project in one-click.
This card component contains a header, content, and a footer, demonstrating a typical layout.
Data Display
Avatar, Badge, Progress, and Skeleton.
CN
DefaultSecondaryDestructiveOutline
Progress: 13%
Modals & Dialogs
Alerts and dialogs for user interaction.
Form Inputs
A collection of form elements.
Complex Components
Accordion, Tabs, and Menubar.
Feedback Elements
Tooltips and Toasts for user feedback.
Table
A responsive table with sample data.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |