shadcn/ui Component Library

A showcase of all available shadcn/ui components with style variants

Buttons
Various button styles and states
Form Components
Input fields, selects, and form controls
Data Display
Badges, avatars, and other display components
Default
Secondary
Destructive
Outline
CNJD

33% complete

Value: 50

Navigation & Layout
Tabs, accordions, and separators

Account Settings

Manage your account information and preferences.

Interactive Components
Dialogs, dropdowns, and tooltips
Data Table
Example table with sample data
A list of your recent invoices.
InvoiceStatusMethodAmount
INV001
Paid
Credit Card$250.00
INV002
Pending
PayPal$150.00
INV003
Paid
Bank Transfer$350.00
Calendar
Date picker component
September 2025
Alerts
Various alert types and styles

Built with shadcn/ui components • Try different styles: Default, New York, Zinc, Stone, Gray • Toggle dark mode to see theme changes