My Design System

Show All Components

Colors Typography Icons Effects Grids

Accordion Alert Avatar Badge Breadcrumb Button Carousel Checkbox Combobox Input Input OTP Label Progress Select Separator Skeleton Slider Switch Tabs Textarea

AlertDialog Calendar Card Command ContextMenu DataTable DatePicker Dialog Drawer HoverCard Menubar NavigationMenu Sheet Table Toast Tooltip Form Controls Feedback Components

Login Page Signup Page Dashboard Layout

Spacing & Grids

Base Grid System

Base grid unit (pt)

We recommend keeping an 8pt grid for consistency.

Scale preview

1x

2x

3x

4x

5x

6x

8x

10x

12x

Spacing Scale

xs

4pt

sm

8pt

md

16pt

lg

24pt

xl

32pt

2xl

48pt

3xl

64pt

4xl

96pt