HyperFrames turns plain HTML, CSS, and animations into deterministic MP4 video — the same input always renders the same frames — and ships under Apache 2.0 so AI coding agents like Claude Code and Cursor can author videos as code.
2026-07-18 · by Moe Ameen
HeyGen, the AI avatar-video company, has open-sourced HyperFrames — a framework that renders web pages into video. The pitch on the project's own repo is blunt: "Write HTML. Render video. Built for agents." Instead of dragging clips around a timeline, you describe a composition as an ordinary `index.html` file with CSS, JavaScript, and animation libraries, and HyperFrames turns it into an MP4. It was released under the Apache 2.0 license in April 2026, and it has moved fast since — the public GitHub project has shipped hundreds of releases and a companion studio at hyperframes.heygen.com.
The technical hook is determinism. HyperFrames renders by seeking each frame in headless Chrome (via Puppeteer) and encoding the result with FFmpeg, so the same input always produces the exact same video — no dropped frames, no timeline drift, no "it looked different on my machine." It's animation-library-agnostic through an adapter layer that supports GSAP, CSS keyframes, Lottie, Three.js, Anime.js, and the Web Animations API, and there's no build step — compositions are plain HTML with data attributes for timing and tracks. Rendering runs locally or on AWS Lambda, and requirements are modest: Node.js 22+ and FFmpeg.
The part that makes this a story rather than another render library is who it's built for: autonomous agents. HyperFrames ships installable "skills" that teach an AI coding agent the full production loop — plan, write HTML, animate, resolve media, lint, preview, render — so tools like Claude Code, Cursor, Gemini CLI, and Codex can generate and edit videos from a natural-language prompt. That positions HyperFrames against React-based frameworks like Remotion, but framework-agnostic and explicitly agent-native. Naming coincidence worth flagging: Kompozy's own brand-exact template layer is also called HyperFrames — a different, unrelated system that predates this and shares only the code-drives-pixels idea.
HyperFrames is a beautiful primitive for people who write code (or drive a coding agent). The trend it rides — deterministic, template-driven, brand-exact video assembled from code rather than nudged around a timeline — is the same idea Kompozy already ships to non-developers, no terminal required. Kompozy's rendering layer (confusingly, also named HyperFrames — an unrelated, older system) produces pixel-exact Carousels and composites a HeyGen avatar as a movable layer inside brand templates via Persona Frames, all from a Persona Brief instead of an `index.html`. If the appeal of HeyGen's HyperFrames is "consistent, repeatable, on-brand video," you can have that outcome today without Node 22, FFmpeg, or a render skill installed.
There's also a same-week content play in the news itself. "HeyGen open-sourced a video framework for AI agents" is a query your audience is searching right now, and Kompozy turns your take on it into a package in an afternoon: a captioned Persona Short explaining what code-as-video means for creators, a brand-exact Carousel breaking down the determinism angle, a Blog Article, and platform-native Text Posts — reframed to 9:16, 1:1, and 16:9 and scheduled across Instagram, TikTok, YouTube, LinkedIn, X, Facebook, Pinterest, and Threads plus a Mailchimp newsletter, from one queue with Autopilot. Developers get a render primitive; everyone else gets a publishing engine that already delivers the outcome.
Yes. It is open source under the Apache 2.0 license with no per-render fees and no requirement to use HeyGen's cloud. You do need your own compute (local machine or AWS Lambda), Node.js 22+, and FFmpeg to run it.
Turning HTML compositions into video deterministically — product videos, social clips, animated explainers, data visualizations, captions, and overlays. It is a rendering framework, so it produces MP4s from code; it does not write scripts, generate avatars or images, or publish to social platforms.
Effectively yes, or you need to drive an AI coding agent. HyperFrames requires Node.js 22+, FFmpeg, and either HTML/CSS/JS fluency or comfort using its agent "skills" with tools like Claude Code or Cursor. A non-technical creator who just wants finished, published posts will find a done-for-you engine like Kompozy a better fit.
Both let you build video from web code, but Remotion is React-based while HyperFrames is framework-agnostic (plain HTML with adapters for GSAP, Lottie, Three.js, Anime.js, and more) and is explicitly designed for AI agents to author and render, not just human developers.