shadcn/ui Component Showcase

Select a theme to see all components update in real-time

Theme Switcher

Click any theme to change colors across all components

Buttons

All button variants and sizes

Form Elements

Input fields, checkboxes, radio buttons, and switches

Tabs

Tabbed content navigation

This is the content for tab 1. You can put any content here.

Badges

Status and category indicators

DefaultSecondaryDestructiveOutline

Alerts

Alert messages for different states

Alert

This is a default alert message.

Success

Your action was completed successfully.

Error

Something went wrong. Please try again.

Info

This is an informational message.

Progress

Progress indicators

25%

50%

75%

100%

Color Palette

Theme colors visualization

Primary

Secondary

Accent

Destructive

Muted

Card

Input

Ring