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