HyperFrames Player — Demo

A same-origin standalone composition (static HTML + GSAP timeline atwindow.__timelines) driven by the @hyperframes/player web component.

Pixel City — seek-scrubbable canvas

Every frame is a pure function of timeline time — drag the seek bar and the pixel art scrubs with it (midnight ↔ noon). Cat walks, bird flies, windows light up at night.

How it works

• Composition: public/widgets/pixel-city/index.html — plain HTML + canvas + GSAP from CDN
• Player: @hyperframes/player loaded once via CDN script tag (zero build deps)
• The player probes the iframe for window.__timelines, auto-detects duration + size, drives play/pause/seek