Skip to main content

Components

A kitchen sink of UI components. Use this page to preview and test components across light and dark themes.

Playground

Button

Badge

DefaultSecondaryOutlineDestructiveGhostLink

Card

Card Title
A short description for this card.

Card content goes here. You can put any content inside.

Small Card
Compact variant.

Less padding, smaller typography.

Device Frame

Preview content inside the frame. Use for screenshots, demos, or embedding app/website mockups.

9:41
80
9:41
80

Button Group

Form & Input

We'll never share your email.

Select

Toggle & ToggleGroup

Toolbar

Tabs

Account settings and profile.

Chrome Tabs

With clip-path(shape)

Dialog

Alert Dialog

Popover

Tooltip

Collapsible

Separator

Content above

Content below

LeftCenterRight

Scroll Area

Data List

orientation="horizontal" (default)

Status
Authorized
ID
u_2J89JSA4GJ
Name
Vlad Moroz
Company
WorkOS

orientation="vertical"

Status
Active
Role
Principal Designer
Location
Washington, DC

Description List

Status
Active
Role
Principal Designer
Location
Washington, DC

Loading additional component demos...

Footer