shadcn/ui Component Showcase
A collection of common shadcn/ui components in action

Buttons

Form Fields

Badges

DefaultSecondaryOutlineDestructive

Card

Card Title
A brief description of the card content.

This is the main content area of the card. You can put any content here, including forms, lists, or other components.

Tabs

Tab 1 Content

This is the content for tab 1.

Accordion

Table

A list of recent transactions
IDDescriptionStatusAmount
TRX001Payment receivedSuccess$250.00
TRX002Refund processedPending-$50.00
TRX003Invoice paymentSuccess$450.00

Alerts

Dropdown Menu

Dialog

Tooltip