What It Is
The source repo for HeyGen's HyperFrames launch video: a 49.77-second, 1920×1080, 30fps film built entirely from HTML/CSS/JavaScript. One root composition in index.html pulls in 17 sub-compositions to demonstrate CSS animations, GSAP tweens, Lottie, WebGL shaders, Three.js 3D, video compositing, captions, and sound effects. Apache 2.0 licensed. 62 stars, 10 forks at time of capture.
Language
HTML, CSS, JavaScript. Built on HyperFrames (the parent framework). No heavy dependencies for the example, runs via npx.
Install
git clone https://github.com/heygen-com/hyperframes-launch-video.git
cd hyperframes-launch-video
npx hyperframes preview
Requires Node.js 22+ and FFmpeg on PATH.
Value
The clearest worked example for anyone evaluating HyperFrames. Script, storyboard, and production notes ship alongside the code. Good reference for wiring up sub-compositions and mixing shader work with standard CSS animation. Voiceover and SFX are included, no background music track.