Design Lab

Gire, ajuste, brinque.

Escolha um kit, mexa nos eixos e veja cada componente pegar o clima. Mesma UI, cinco personalidades. Clique em Surprise para um pouco de caos.

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