Resourcesrepository2026-06-23Safety reviewed
Build Videos in HTML, Ship Render-Perfect MP4s
Write a video like a web page. HyperFrames renders it to a pixel-deterministic MP4... no React required.
- 30.7K stars
- TypeScript
- Apache-2.0
- 30.7Kstars
- 1HTML file
- 0build steps
HyperFrames turns HTML, CSS, and animations into MP4 through headless Chrome and FFmpeg, with an agent-friendly CLI for preview, lint, and render... and a frame.md design system tuned for video.
A catalog of transition, chart, and caption blocks plus distributed Lambda rendering make it production-grade. HeyGen runs it in production today.
What it does
- Write HTML, render video... built for agents
- Turn HTML compositions into deterministic MP4 video
- CLI to scaffold, preview, lint, and render
- Preview instantly in the browser with live reload
- No build step... index.html plays as-is
- Supports GSAP, CSS, Lottie, Three.js, Anime.js
- Seekable, frame-accurate animation via adapters
- Data attributes define timing and tracks
- Catalog of ready-to-use blocks and components
- Distributed AWS Lambda rendering
- Same input always produces identical output
- Browser-based Studio editor for composition
- Embeddable <hyperframes-player> web component
- WebGL shader transitions included
- Agent-friendly... agents already write HTML
- Production-used by HeyGen
Core packages8 total
- hyperframes (CLI)
- @hyperframes/core
- @hyperframes/engine
- @hyperframes/producer
- @hyperframes/studio
- @hyperframes/player
- @hyperframes/shader-transitions
- @hyperframes/aws-lambda
Animation libraries7 total
- GSAP
- CSS animations
- Lottie
- Three.js
- Anime.js
- Web Animations API
- Custom frame adapters
Design templates20+ total
- Biennale Yellow
- BlockFrame
- Blue Professional
- Bold Poster
- Broadside
- Capsule
- Cartesian
- Cobalt Grid
- Coral
- Creative Mode