HyperFrames
Write HTML, render video, built for agents
About HyperFrames
HyperFrames is an open source framework from HeyGen that renders HTML, CSS, media and seekable web animations into deterministic MP4 files. The pitch is on the README in five words: write HTML, render video, built for agents. You describe the video you want, a coding agent writes the project as ordinary web files, and HyperFrames plays it back in a browser or renders it frame by frame into a finished file. The project stays an editable folder rather than a flattened export, so an agent, the bundled Studio editor and your own tools can all work on the same files.
The reason a developer directory cares about a video tool is that this one treats video the way the rest of your stack treats everything else: as code in a repo. Motion graphics, product intros, explainers, a pull request turned into a walkthrough, per-record personalised cards from one template - all of it is HTML and JavaScript that a model is already good at writing. The licence is Apache-2.0, the CLI installs from npm, and the numbers behind it are real: 48,951 GitHub stars and just over a million npm downloads in the thirty days before this was written. It is pre-1.0 (v0.8.34 on 2026-09-10) and moves quickly, which is worth knowing before you build a pipeline on it. The obvious comparison is Remotion, and the docs have a page making that comparison themselves.
You install the HyperFrames skills into your coding agent with a single command (npx skills add heygen-com/hyperframes) and then ask for a video in plain language. The skills teach the agent the production loop the project expects: plan the video, write valid HTML, wire seekable animations, add media, lint, preview and render. Claude Code, Cursor and Gemini CLI are the agents named in the docs. The agent produces a project folder; you preview it with the CLI, scrub the timeline in Studio to check timing and captions, and ask for changes. When it is right you render. Local rendering is the default and the right choice while iterating: the engine asks the project for each exact frame instead of relying on live playback, so a slow machine does not drop moments from the finished file. Quality tiers are draft, standard and high; 4K is a supersampling flag, 60fps and HDR are available, and the docs are candid that all three cost render time and are usually asked for out of habit. For renders too long for one machine there are AWS Lambda and Google Cloud Run paths that fan the work across workers, and a HeyGen-hosted cloud option.
- •HTML Is the Source Format - The video is a folder of web files, versionable in git and editable by any tool that can edit HTML
- •Agent Skills Included - 20 skills that teach a coding agent the plan, build, lint, preview, render loop rather than leaving it to guess
- •Deterministic Frame Capture - Every frame is requested explicitly, so output does not depend on playback speed or machine load
- •Studio Editor - A local editor for the storyboard, canvas, timeline, keyframes and captions of a project the agent built
- •Templating and Variables - Named slots in a composition, re-rendered per record, for personalised or batch output
- •Local, Lambda, Cloud Run or HeyGen Rendering - Iterate locally, fan out to serverless workers when a single host is the bottleneck
Developers who need programmatic video - product demos, changelog explainers, data-driven clips, social cuts from one source - and would rather write it than drag it. Teams already running coding agents get the most from it, because the whole workflow assumes an agent is doing the HTML. It is a poor fit if you want a timeline editor with no code and no agent: Studio exists but it is not the front door, and the hosted playground at hyperframes.dev is a narrow template-remix tool for mobile ads rather than the framework itself. It is also not for anyone who needs a stable API this year; the release cadence is weekly and pre-1.0. And be clear-eyed that HeyGen owns it and the hosted render path is a route into a HeyGen account.
Pricing
No pricing page found
Free and Apache-2.0; local rendering costs nothing and needs no account. HeyGen-hosted cloud rendering and the hosted MCP connector run through a HeyGen account and are in beta; their credit and plan terms are not published on the HyperFrames docs.
Checked 2026-09-15
