Design Lab

돌리고, 조이고, 놀자.

키트를 고르고 축을 돌리면 모든 컴포넌트가 분위기를 따라갑니다. 같은 UI, 다섯 가지 개성. Surprise로 약간의 혼돈을.

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