What it does HyperFrames renders HTML compositions into MP4 videos by seeking each frame in headless Chrome and encoding with FFmpeg. You write an index.html file with data attributes for timing and tracks, preview it live in a browser, then run npx hyperframes render to output video. It supports GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI, or custom frame adapters for animation.

The interesting bit The bet is that plain HTML is a better handoff format than React components for both humans and AI agents. The project leans into this with “skills” that teach coding agents (Claude Code, Cursor, Gemini CLI, Codex) the full production loop: plan, write HTML, wire animations, lint, preview, render. No bundler, no JSX, no proprietary timeline format.

Key highlights

• Deterministic output: same input produces identical frames, suited for CI and regression tests
• No build step; compositions play as-is in any browser
• Apache 2.0 license with no per-render fees or commercial thresholds
• Distributed rendering via local CLI or AWS Lambda
• Reusable catalog blocks: transitions, overlays, captions, charts, maps, effects
• Used in production at HeyGen; community adopters include tldraw and TanStack

Caveats

• Requires Node.js 22+ and FFmpeg
• Studio editor and Design.HTML brand tooling are still evolving or in development
• Remotion’s cloud renderer is more mature; HyperFrames’ distributed stack is newer
• Git LFS needed for full clone due to ~240 MB of golden regression-test baselines

Verdict Worth a look if you want programmatic video generation that agents can actually write, or if Remotion’s React-centric model feels like overkill. Skip it if you need a polished visual editor today or deeply mature cloud rendering infrastructure.