iOSAndroidWeb
1247 screens
4.8
Social
12.4k
2d ago
892 screens
Airbnb
4.8
Travel
12.4k
2d ago
1056 screens
Spotify
4.8
Music
12.4k
2d ago
743 screens
Uber
4.8
Transport
12.4k
2d ago
621 screens
Netflix
4.8
Entertainment
12.4k
2d ago
534 screens
Duolingo
4.8
Education
12.4k
2d ago
478 screens
Notion
4.8
Productivity
12.4k
2d ago
389 screens
Figma
4.8
Design
12.4k
2d ago
Color System
Aa
Background
Aa
Card
Aa
Primary
Aa
Secondary
Aa
Muted
Typography
Heading 1
text-4xl font-bold
Heading 2
text-3xl font-semibold
Heading 3
text-2xl font-semibold
Body text - Regular
text-base
Small text - Muted
text-sm text-muted-foreground
Buttons
Cards
Simple Card
A basic card with minimal styling and clean borders.
Hover Card
This card has a hover effect with shadow transition.
With Avatar
Card with icon
Cards can include various content types.
Badges
PrimarySecondaryOutlineDestructive
Form Elements
Spacing Scale
2 (8px)
4 (16px)
6 (24px)
8 (32px)
12 (48px)