Plain HTML in, frame-perfect MP4 out—no React required

What it does

HyperFrames is an open-source framework that converts HTML compositions into deterministic MP4 videos. You write standard HTML with data attributes for timing and tracks, preview it in any browser, and the engine scrubs through headless Chrome frame-by-frame while FFmpeg encodes the result. The same input always produces the same output, so it fits CI pipelines and automated content generation without surprise drift.

The interesting bit

The project wagers that plain HTML beats React components for video authoring: no bundler, no JSX, no build step. It ships frame adapters that force familiar libraries like GSAP, CSS animations, Lottie, Three.js, and WAAPI to run on a seekable timeline instead of wall-clock time, letting the renderer jump to any frame deterministically. That also makes it easier for AI coding agents to generate valid compositions, since they already write HTML.

Key highlights

• HTML-native authoring: compositions are valid index.html files with data attributes, playable directly in a browser without compilation.
• Agent skills included: teaches coding agents (Claude Code, Cursor, Gemini CLI, Codex) the full production loop from planning and linting to rendering.
• Deterministic output: same input yields identical frames and output, enabling regression tests backed by golden baselines stored in Git LFS.
• Distributed rendering: supports local CLI output and an AWS Lambda path for cloud rendering.
• Permissive licensing: Apache 2.0 with no per-render fees, contrasting with Remotion’s source-available license.

Caveats

• Requires Node.js 22+ and FFmpeg, and a full development clone pulls roughly 240 MB of golden-test MP4 assets via Git LFS.
• The Studio UI and Design.HTML brand-to-composition tooling are marked as “evolving” or “in development.”
• Remotion’s cloud renderer is described as more mature; HyperFrames’ distributed stack is newer.

Verdict Teams that want programmatic video without buying into React or proprietary formats should evaluate this. If you are already invested in React and need a mature managed cloud renderer, Remotion remains the safer incumbent.