Bench · 12 benches · everything live

Lab

Everything the site is built from, live. Drag the controls.

Most cards import the component the site itself ships and name the file. The rest are marked lab only. Nothing here is a screenshot.

Move your pointer across it. Press it. Nothing here is on a timeline — the liquid is following you.

A pointer will get you more out of this page. Every bench is here either way — the ones that need a mouse are marked and sit at the bottom, so you can still read what they do.

Input mode

Touch demos first. 44 of 50 work with a thumb; the 6 dimmed below need a pointer and still run on a laptop.

01

Motion

02

Fields & pickers

03

Icons

04

Scroll

05

Hover

needs a pointer
06

Glass

07

Controls

08

Cursor

needs a pointer
09

Feedback

10

Analytics

11

Type & tokens

12

Other components