What is HyperFrames?
HyperFrames turns a web page into a video file. It sits in the Video Generation category of the Multimodal Generation tools and is open-source, written in TypeScript and licensed Apache-2.0. To get started: scaffold a project.
Overview
HyperFrames turns a web page into a video file. A composition is ordinary HTML, CSS, JavaScript and media, annotated with data attributes that tell the renderer how the timeline seeks; the renderer steps through that timeline frame by frame and encodes the result to MP4. Because the composition is a real page, it also just works in a browser — there is no build step and no proprietary scene format to learn.
Determinism is the property the project is built around: the same input produces the same video. That is what makes it usable from an agent, which is the stated audience — an agent can write a composition, render it, look at the output and edit the HTML, and the loop converges instead of drifting. The project ships agent skills for Claude, Cursor, Gemini CLI and other coding agents, and a catalog of pre-built blocks (transitions, overlays, captions, charts) to start from.
Animation is not reinvented: GSAP, plain CSS, Lottie, Three.js, Anime.js and the Web Animations API are all supported, provided they can be seeked. Rendering runs locally or distributed on AWS Lambda for longer pieces, and a browser-based studio is included for previewing and editing compositions by hand.
What it does
- Compositions are plain HTML/CSS/JS with data attributes — no build step, and they open in a browser as-is
- Deterministic rendering: the same input always produces the same video
- Seekable animation support for GSAP, CSS, Lottie, Three.js, Anime.js and WAAPI
- Agent skills for Claude, Cursor, Gemini CLI and other coding agents
- A catalog of ready-made blocks: transitions, overlays, captions, charts
- Local rendering or distributed rendering on AWS Lambda, plus a browser studio for preview and editing
Getting started
Everything runs through the `hyperframes` CLI via npx — scaffold a project, preview it with live reload, then render.
Scaffold a project
Creates a starter composition you can open and edit.
npx hyperframes init my-video
cd my-videoPreview in the browser
Serves the composition with live reload so you can iterate on the HTML and see the timeline update.
npx hyperframes previewRender to MP4
Steps the timeline frame by frame and encodes the output.
npx hyperframes renderInstall the agent skill
If you want a coding agent to author compositions for you, the project publishes a skill installable through the skills CLI.
npx skills add heygen-com/hyperframesCommands and code are distilled from the project's own documentation — always check the official repo for the latest.
When to use it
- Let a coding agent produce a finished video by writing and iterating on HTML rather than driving a video editor
- Generate per-customer or per-record videos from data, reusing your existing web components
- Build repeatable motion-graphics templates — lower thirds, captioned clips, chart animations — as code in version control
- Render long pieces on AWS Lambda instead of tying up a workstation
How HyperFrames compares
HyperFrames alongside other open-source video generation tools AI/TLDR tracks, ranked by GitHub stars.
| Tool | Stars | What it does |
|---|---|---|
| MoneyPrinterTurbo | ★ 139k | A self-hosted WebUI, API and CLI that turns one topic or keyword into a finished short video — script, stock or generated footage, voiceover, subtitles and music. |
| HyperFrames | ★ 78.9k | Write HTML, get a deterministic MP4 — a video renderer built for agents |
| OpenMontage | ★ 76.5k | An agentic video production system that gives a coding assistant 12 pipelines and 100+ tools to research, script, generate and render a video end to end. |
| Open Generative AI | ★ 32.3k | MIT-licensed desktop and web studio for AI image, video and lip-sync generation that runs hosted models through the Muapi.ai API, with optional local image models in the desktop app. |
| Hypit | ★ 28k | A markup language and compiler that lets a coding agent rebuild a reference video as an editable workflow — footage, captions, B-roll and effects anchored to words rather than timestamps — and render variants in one command. |
| Toonflow | ★ 20.5k | Infinite-canvas workbench for AI short-drama production, taking a novel through chapter events, script, storyboards and video nodes. |
| waoowaoo | ★ 14.8k | Self-hosted creative workspace for AI image and video: a canvas holding references and generated assets, a side Assistant that develops the brief, and model-aware controls over your own OpenRouter key. |
| Palmier Pro | ★ 14.7k | A Swift-native macOS video editor with generative models in the timeline and a built-in MCP server, so Claude, Codex or Cursor can edit the open project alongside you. |