Sequence
One timeline orchestrates a row of bars into a travelling wave. Drag across it to scrub time by hand; let go and it plays on.
Focus
A study in choreography — sequence as something you can author and scrub.
Medium
GSAP
Duration
Ongoing
Last updated
June 2026
The bars above are driven by a single timeline. Each one rises, warms, and settles a beat after its neighbour — a wave you can watch play, or grab and scrub backwards and forwards by dragging across it.
Why this
one.
Most of what makes work feel considered is sequence — the order in which things arrive, resolve, and give way to the next thing. A good process has the same quality as a good timeline: you can pause it, scrub it, and explain why each moment lands where it does.
How it
works.
GSAP builds one master timeline; each bar gets a staggered pair of tweens (rise, then settle) placed at an offset down the line, and a playhead is tied to the same clock. Dragging pauses playback and maps the cursor's x-position onto the timeline's progress — so the whole choreography becomes a thing you hold in your hand.