Lab

Interactive experiments in how UI primitives actually work. Each one is a live, editable sandbox — read the code, break it, watch what the DOM does.

Published experiments: 01 PUBLISHED
Unpublished experiments: 14 IN PROGRESS

01FLOATING UI

Space Translation

Every positioned tooltip crosses two coordinate systems. Drag the target and watch getBoundingClientRect() reconcile with style.left — then drop the scroll term and feel it drift.

TAGScoordinates · offsetParent · scroll

Open experiment

geometry.ts

LIVE

Fourteen more experiments are in progress.

They land here as their chapters ship. The theory arrives first.

Browse Chapters