HyperFrames is HeyGen’s open-source framework for turning HTML, CSS, media, and seekable animations into deterministic video files (MP4 and related outputs). The public repo is heygen-com/hyperframes. Product and docs homes include heygen.com/hyperframes, hyperframes.dev, hyperframes.heygen.com, and the HeyGen developer overview at developers.heygen.com/hyperframes-overview.
Tagline on the repo and npm package: write HTML, render video, built for agents. Compositions are ordinary web pages; a headless browser plus FFmpeg captures the timeline.
What It Is
Checked against the GitHub README, HeyGen docs, and the product page (October 25, 2026, America/Los_Angeles):
- Authoring model: HTML + CSS + JavaScript (GSAP and other seekable animation runtimes via adapters). No React bundler step for the composition itself—an
index.htmlcan play as-is. - Deterministic render: same input produces the same frames locally or on HeyGen cloud paths the docs describe.
- Agent-first packaging: skills and plugins for coding agents (
npx hyperframes skills update, Claude Code marketplace plugin, Codex plugin zip). Registry skill text on the README cites about 450 ready-made blocks/components; the HeyGen Hyperframes overview page separately says 150+ prebuilt blocks—use the page you are reading as the source for that number. - Outputs: docs list MP4, MOV, WebM, GIF, or PNG sequence; local render and HeyGen Cloud Rendering API paths.
- Studio app: heygen.com/hyperframes advertises a desktop Studio for macOS (Apple Silicon / Intel / Universal) and Linux (
.deb/ AppImage); Windows labeled coming soon. - License: Apache-2.0 (repo LICENSE badge and GitHub SPDX).
- Runtime requirements (CLI README): Node.js 22+ and FFmpeg.
GitHub API at write time: about 72,128 stars, 6,518 forks, language TypeScript, created 2026-03-10. Latest npm / release tag checked: v0.8.200 (published 2026-10-25 UTC). Product page also cites npm weekly downloads and contributor counts that move daily—treat those as marketing snapshots.
Getting Started
With an agent (README): install skills, then ask for a short video.
npx skills add heygen-com/hyperframes
npx hyperframes skills update
Claude Code plugin path (README):
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
Manual CLI (README):
npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render
Docs quickstart and catalog live under hyperframes.heygen.com. Hosted Studio download buttons are on heygen.com/hyperframes. Cloud rendering for HeyGen infrastructure is covered in the developer docs under Hyperframes Cloud Rendering.
HyperFrames vs Remotion
The README states HyperFrames is inspired by Remotion. Both use headless Chrome and FFmpeg. Remotion’s public materials center on React components and a bundler; HyperFrames bets on plain HTML that humans and agents can edit without a JSX project. The README’s own comparison table (checkable claims only):
| HyperFrames | Remotion | |
|---|---|---|
| Authoring | HTML + CSS + seekable animation | React components |
| Build step | None; index.html plays as-is |
Bundler required |
| Agent handoff | Plain HTML files | JSX / React project |
| Distributed rendering | Local and AWS Lambda paths | Remotion Lambda (mature cloud renderer) |
| License | Apache 2.0 | Source-available Remotion License |
Full project write-up: HyperFrames vs Remotion guide. Remotion’s commercial terms are on remotion.dev/docs/license—not a free-for-all OSS license. This table is not a quality bake-off; it restates what each project publishes about itself.
Official Links
- Repo: github.com/heygen-com/hyperframes
- Product / Studio: heygen.com/hyperframes
- Docs / quickstart: hyperframes.heygen.com
- Playground: hyperframes.dev
- HeyGen developer overview: developers.heygen.com/hyperframes-overview
- npm: npmjs.com/package/hyperframes
- Discord (README): discord.gg/EbK98HBPdk
- AI Rank repo page: heygen-com/hyperframes
Sources
- heygen-com/hyperframes README
- HeyGen HyperFrames product page
- HeyGen Hyperframes overview (developers)
- hyperframes.heygen.com introduction / vs Remotion guide
- Remotion license hub
- npm hyperframes
Keep exploring: see which open-source AI projects are rising today in the open-source rankings on AI Rank.
Or 📱 get the AI Rank app to follow them on your phone.
Prepared with automated editorial assistance and checked against the HyperFrames GitHub repository, heygen.com/hyperframes, developers.heygen.com/hyperframes-overview, hyperframes.heygen.com, npm, and Remotion’s license pages on October 25, 2026 (America/Los_Angeles). Software was not installed or benchmarked for this article.