Lab
Motion Lab
Lab / Motion

GSAP, scroll choreography & kinetic composition.

Transitions, motion systems, timing curves and scroll-linked choreography — motion work that isn't tied to a specific WebGL scene.

Experiments

Each card opens an isolated experience — none of this loads anywhere else on the site.

MOTION-001

The Interval

Complete

An editorial motion study. One rotational floor movement decomposed into twenty-nine plates, where the scroll becomes the shutter — and the page keeps naming the milliseconds nobody recorded.

2026-08-27 · No WebGL Open
MOTION-002

Type scrub

Complete

Headline rides the scrollbar.

2026-09-22 · Split from interaction-002 Open
MOTION-003

Pinned index

Complete

Rows light as you pass.

2026-09-22 · Split from interaction-002 Open
MOTION-004

Sideways room

Complete

Vertical scroll drives a horizontal track.

2026-09-22 · Split from interaction-002 Open
MOTION-005

Soft body

Complete

A shape that breathes next to hard type.

2026-09-22 · Split from interaction-002 Open
MOTION-006

Cascade

Complete

Forty tiles arriving in reading order.

2026-09-22 · Split from interaction-002 Open
MOTION-007

Live numbers

Complete

Stats that count themselves up.

2026-09-22 · Split from interaction-002 Open
MOTION-008

The ticker

Complete

Oversized, unmissable, always running.

2026-09-22 · Split from interaction-002 Open
MOTION-009

Dual wave

Complete

Two columns running opposite sines.

2026-09-22 · Split from interaction-002 Open
MOTION-010

Blinds

Complete

A picture arriving one slat at a time.

2026-09-22 · Split from interaction-002 Open
MOTION-011

The stack

Complete

Cards that pile up instead of scrolling past.

2026-09-22 · Split from interaction-002 Open
MOTION-012

Contact sheet

Complete

Three rows drifting at three speeds.

2026-09-22 · Split from interaction-002 Open
MOTION-013

Velocity ticker

Complete

The band answers to how fast you scroll.

2026-09-22 · Split from interaction-002 Open
MOTION-014

No script

Complete

The same motion, written entirely in CSS.

2026-09-22 · Split from interaction-002 Open
MOTION-015

Mobile

Complete

A kinetic sculpture that answers to the room's air.

2026-09-22 · Split from interaction-002 Open