Skip to content

Esc

↑↓navigate↵open⌘Jpreview

Introduction
Installation
Layout
Colors
Spacing
Radius
Typography
DurationNew
EasingNew
Components
- Layout
- Chat
- Input
- Navigation and actionables
- Data Display
- Utility
  - ScrollArea
  - Skeleton
- Forms
  - React Hook Form Example
Blocks

Spacing

Semantic spacing scale.

0.25x

spacing-bff

0.5x

spacing-best-friends

1x

spacing-friends

1.5x

spacing-casual

2x

3x

4x

spacing-acquaintances

5x

spacing-distant

7.5x

spacing-strangers

PreviousColors NextRadius