shadcn/ui Component Library

A comprehensive demo of all available shadcn/ui components

Form Components

Input Component

Text input fields

Email

Password

Textarea Component

Multi-line text input

Message

Select Component

Dropdown selection

Framework

Checkbox Component

Checkbox inputs

Accept terms and conditions

Subscribe to newsletter

Switch Component

Toggle switches

Airplane Mode

Notifications

Progress Component

Progress indicators

Upload Progress65%

Download Progress30%

Button Component

Different button variants and sizes

Dialog Component

Modal dialogs and overlays

Dropdown Menu

Contextual menus and dropdowns

Card Component

Cards are used to group related content and actions

This is an example of a card component with header, content, and description. Cards are perfect for displaying content in a structured way.

Badge Component

Status indicators and labels

DefaultSecondaryDestructiveOutline

NewDraftErrorBeta

Avatar Component

User profile images and fallbacks

CNJDAB

CN

John Doe

john@example.com