Design Lab

ひねって、整えて、遊ぼう。

キットを選び、軸を回すと、すべてのコンポーネントが雰囲気に乗ってきます。同じ UI、5 つの個性。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