Experimental lab

Laboratory

Eight working experiments. You can touch all of them, and none of them will break anything. Open one to read its notes.

01

Generative field

field · transform

144 small bars turn toward the pointer. Near ones glow, far ones fade.

02

Kinetic type

variable type · transform

Syne has a variable weight: letters grow heavier and lift as the pointer gets close.

03

Geometry lab

shapes · Anime.js stagger

Five shapes meet in four different arrangements. Transitions use a weighted curve and a staggered delay.

04

Shape morph

morph · clip-path

A smooth morph between polygons that share the same number of points.

05

Reactive grid

grid · ripple

A ripple spreads outward from where you tap; each cell waits according to its distance.

06

Motion study

timing · easing

The same distance, four different curves. Duration and easing decide the character of a movement.

07

Text decode

text · timer

Letters resolve from random characters into place. Pick a phrase or tap the text.

08

Orbit

rotation · CSS

Nested rings spin at different speeds. Change the ring count and speed; tap the surface to reverse direction.

Rings