kinetic reel · data-driven timeline

A reel that cuts itself off.

Words, pills, cards, an object and a shower of shards interrupt each other on a fixed clock. The whole piece is one array of tracks, so you can rewrite the script without touching the engine.

preset interrupt loop 19.7s freeze a frame ?t=11.2 hide panel H

Author your own

Pass timeline: {duration, lines, tracks}. Each track carries content, an entry transform, optional moves, an exit transform, timing and easing.

Four presets

interrupt fast cuts, statement editorial, ticker a running word stream, showcase card-led. Each is plain data you can copy and edit.

Clock or scroll

Runs on its own clock, or set scrub: true and the page scroll drives the timeline. seek(t) lands on any exact frame.

Nothing to load

Cards and shapes are painted at runtime on a canvas. No images, no fonts, no requests. Words stay real, selectable text.

mode · scroll scrub

preset showcaseprogress bound to page scroll