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 | ★ 125k | 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. |
| OpenMontage | ★ 60.4k | 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. |
| HyperFrames | ★ 51.9k | Write HTML, get a deterministic MP4 — a video renderer built for agents |
| Toonflow | ★ 15.8k | Infinite-canvas workbench for AI short-drama production, taking a novel through chapter events, script, storyboards and video nodes. |
| Palmier Pro | ★ 14.4k | 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. |
| Hypit | ★ 11.8k | 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. |
| LTX-2 | ★ 9.5k | Lightricks' official inference package for its LTX-2 audio-video model: a dozen pipelines covering text/image-to-video, keyframe interpolation, audio-to-video, retakes, dubbing and HDR/EXR, plus a LoRA trainer. |
| DramaClaw | ★ 6.2k | Self-hosted AIGC video engine pairing an infinite node canvas with an episode pipeline that carries a manuscript through assets, storyboards, shots, voice-over and export. |