Exploration

Loading scene

Video Frame

A black scroll page whose full-bleed hero is a 150-frame still sequence rather than a video. Scroll position is the transport: down runs the footage forward, back runs it in reverse, exactly as far as the page moved. White editorial copy slides over the frames. A still sequence cannot stall on a keyframe the way a seek can.

Category
Exploration
Medium
JavaScript
Built with
React 19 client componentCanvas 2D via the house useCanvasScene hookLenis smooth scroll (wrapper/content, autoRaf)GSAP for the loading revealCSS modulesSelf-hosted WebP still sequence
Controls
  • Scroll to run the sequence forward.
  • Scroll back to run it in reverse.
  • Arrow keys, Page Up and Page Down move it too.
  • A loading panel holds the stage until the frames arrive.

Also inAll work