Design Lab

Twist, tweak, play.

Pick a kit, flip the dials, and watch every component catch the vibe. Same UI, five personalities. Hit Surprise when you want chaos.

Design Kits

Accent

#34C759

Feel

Radius

Density

Motion

Elevation

Snippet

createTheme({
  design: 'linear',
  accent: '#34C759',
  radius: 'soft',
  density: 'spacious',
  motion: 'normal',
  elevation: 'flat',
  mode: 'light',
})

Live stage

─ Linear · light

Click around

Try me

Variants

Tones

Sizes

Profile playground

Fields, selects, and intent buttons

Name *

Email

Work email only

Plan

Accept termsEmail notifications

People list

Toggle loading to feel the skeleton

Ada Lovelace

Grace Hopper

Alan Turing

Skeleton vibes