UI Components

Browse 40+ shadcn/ui primitives and custom components with variants, sizes, and interactive states.

Actions

Buttons, toggles, and grouped actions.

Button

Variants

Sizes

States

Button Group

Horizontal

With text addon

https://

Vertical

Toggle

Variants

Sizes

Toggle Group

Single

Multiple

Forms

Inputs, selects, and form helpers.

Input

States

Textarea

States

Label
Select
Checkbox
Radio Group
Switch
Combobox
Input Group

Start addon

End addon

Textarea

Input OTP
Password Input

Default

With error

Password is required

Input Error

This field is required

Form

Used for account notifications.

Feedback

Alerts, badges, progress, and loading states.

Alert

Interactive

Variants

Badge

Variants

defaultsecondarysuccesswarningdestructiveoutlinesuccessSubtleprimaryOutlinesuccessOutlinewarningOutlinedestructiveOutline
Progress

Variants

Interactive

Spinner
Skeleton

Profile placeholder

Data Display

Cards, tables, avatars, and visual elements.

Avatar

With image

CN

Fallback

NE
Card

With footer

Card title
Card description text.

Card content area for any layout.

With action

Notifications
Manage your alerts.

Card with a header action slot.

Table
Team members and their roles.
NameStatusRole
AliceActiveAdmin
BobAwayUser
Total2 members
Separator

Above separator

Below separator

Icon

Lucide icons

Placeholder Pattern

Overlays

Dialogs, sheets, popovers, and menus.

Dialog
Sheet
Popover
Tooltip
Dropdown Menu

Layout

Accordion, carousel, calendar, and collapsible.

Accordion

Single collapsible

Collapsible

3 starred repositories

Carousel
Slide 1
Slide 2
Slide 3
Calendar

Single date