Back to the Motion Lab

01 First HyperFrames samples

26 September 2026. Four broadcast graphics, each a single GSAP timeline inside an HTML page, originally rendered to ProRes 4444 with alpha for DaVinci Resolve. Here they run live and loop, over a stand-in footage plate.

Title card6 s loop. Open alone
Lower third7 s loop. Open alone
Stat counter6 s loop. Open alone
Subscribe bug6 s loop. Open alone

Notes

The coral block wipe, letter-by-letter rise and count-up are all eased GSAP tweens on transforms, opacity and clip-path only, so they stay smooth both in the browser and in frame-by-frame renders.

Built with HyperFrames 0.8.78 and GSAP 3.14. The same files render to transparent video with npx hyperframes render --format mov. On this page a small player script supplies the globals the renderer normally provides, starts each timeline and loops it.

This is the baseline: clean, correct and fairly safe. The next experiments push further.