HyperFrames

Released as open source by HeyGen, HyperFrames is a framework with a simple pitch: "Write HTML. Render video. Built for agents." You write a video as HTML and CSS, animate it with seekable libraries like GSAP, Lottie or Three.js, and HyperFrames renders it to a deterministic MP4 — the same input produces byte-identical output every time, because headless Chrome captures each frame and FFmpeg encodes the result. It is Apache-2.0 licensed with no per-render fees or commercial-use thresholds, and it crossed 60,000 GitHub stars in October 2026.

Key facts: the stack includes a CLI (scaffold, preview, lint, render), a catalog of reusable blocks (transitions, overlays, captions, animated charts), an evolving browser Studio, AWS Lambda rendering, and the hyperframes.dev community playground. Its headline feature for 2026 is agentic: 21 installable "skills" (npx skills add heygen-com/hyperframes) that teach coding agents the full production loop — plan, write valid HTML, wire animations, lint, preview, render — with workflow routers like /product-launch-video, /faceless-explainer and /pr-to-video (turn a pull request into a changelog video). The skills work with Claude Code, Cursor, Gemini CLI, Codex and other agents that support skills. Because compositions are plain text, videos can live in git: diff them, review them, template them, and generate hundreds of variants programmatically.

Plans: completely free and open source — local renders cost nothing beyond your own compute, and the Apache 2.0 license has no per-render fee or commercial-use threshold. HeyGen also offers hosted cloud rendering that bills credits, but you never have to touch it.

Best for: creators and teams who want programmatic, version-controlled video — faceless explainers, product-launch videos, changelog and release videos, data-visualization clips — and developers building AI-agent video pipelines. Watch out: it is code-first, so non-technical editors get no timeline GUI (Studio is still evolving), and you need a machine that can run headless Chrome plus FFmpeg.

Related: Runway · Gamma · ChatGPT

Pros

• Turns HTML and CSS into MP4 video, so videos can live in git, be diffed, reviewed and templated.
• Renders deterministically: the same input produces byte-identical output every time.
• Built for agents, with 21 installable skills and workflow routers for product launches, explainers and changelog videos.
• Includes a CLI, reusable blocks, an evolving browser Studio, AWS Lambda rendering and a community playground.

Watch out for

• It is code-first, so non-technical editors get no full timeline GUI. Studio is still evolving.
• You need a machine that can run headless Chrome plus FFmpeg for local renders.
• Hosted cloud rendering bills credits, so cloud users should track render costs.

Best for

Best for: creators and teams who want programmatic, version-controlled video, and developers building AI-agent video pipelines. Who should skip it: non-technical editors who need a drag-and-drop timeline today.

Pricing

HyperFrames is completely free and open source under the Apache 2.0 license, with no per-render fees or commercial-use thresholds. Local renders cost nothing beyond your own compute. HeyGen also offers hosted cloud rendering that bills credits, but you never have to touch it. Check the official page for current cloud credit terms.

FAQs

What is the core idea? Write HTML, render video. You write a video as HTML and CSS and HyperFrames renders it to MP4.

Why deterministic? Headless Chrome captures each frame and FFmpeg encodes the result, so the same input gives byte-identical output.

What are the skills? 21 installable skills that teach coding agents the full production loop, from planning to rendering.

Does it cost anything? No, for local use. It is Apache 2.0 licensed with no per-render fees. Hosted cloud rendering bills credits.