HyperFrames
Officially listedHeyGen's open-source HTML-to-video rendering framework built for developers and AI coding agents.
HyperFrames
HyperFrames is HeyGen's officially open-sourced "HTML as video" rendering framework: it describes video with plain HTML/CSS plus addressable animation, rendered frame by frame by headless Chrome into deterministic MP4/MOV/WebM/GIF. Built for developers and AI coding agents, it can be invoked via a local CLI or embedded in Claude Code / Cursor pipelines as an agent skill.
Core Capabilities
- HTML native: One index.html plus data-* track attributes is a whole video — no React, no build steps, previewable directly in the browser
- Deterministic rendering: Same input always yields the same output, ideal for CI, regression testing, and automated video pipelines
- Agent native: 21 built-in agent skills, a non-interactive CLI by default, closing the loop from planning to coding to lint to preview to render
- Multiple deployments: Local / Docker / Lambda / Cloud Run / Vercel, with optional HeyGen-hosted cloud rendering
- Ecosystem packages: 6 npm packages and a Catalog of 50+ reusable components for assembling complex videos
Use Cases Developers, front-end engineers, and creative teams using AI agents to programmatically produce reproducible videos: CI/CD video automation, data visualization, PR explainers, subtitle overlays, and marketing template pipelines. Non-technical marketers who just want no-code ad videos are better served by the main HeyGen site.
Unique Advantages Unlike Remotion, it bets on pure HTML rather than React components with zero build steps and a lighter start; the license is OSI-approved Apache-2.0 with no Remotion-style company-size paywall. The trade-off is an ecosystem still smaller than Remotion's, with thinner independent community discussion.
Editor's Verdict Open source, friendly licensing, a credible steward, and capabilities validated by independent reviews; GitHub 52k+ stars and over a million monthly npm downloads earn a strong recommendation (4/5) as a developer/agent video framework. Caveats: no standalone pricing page on the site, no independent privacy policy on the subdomain, and the ToS grants HeyGen a broad content license including AI training rights — enterprise users should assess data rights up front.
Pricing
### 💰 定价模式：开源免费（托管云渲染无公开标价） **起步价**：免费（Apache-2.0 本地框架） #### 主要方案 - **开源框架（本地）**：免费 — Apache-2.0 许可，明确「无 per-render 费、无座位上限、无公司规模门槛」，本地 CLI 渲染不消耗 HeyGen 信用点 - **托管云渲染**：无公开标价 — 云端渲染与可选的 voice/avatar/生成媒体走 HeyGen 主站信用点体系 #### 试用/其他信息 官网未提供 HyperFrames 专用定价页（/pricing、/plans、/commercial/pricing 等 11 条路径实测均 404）；如需评估云端渲染成本，请参考 HeyGen 主站 heygen.com/pricing 套餐。
FAQ
What is HyperFrames?
HyperFrames is HeyGen's open-sourced "HTML as video" rendering framework: it describes video with HTML/CSS plus addressable animation, rendered frame by frame by headless Chrome and encoded by FFmpeg into deterministic MP4/MOV/WebM/GIF, aimed at developers and AI agents.
Is HyperFrames free?
The open-source framework under Apache-2.0 is completely free: no per-render fees, no seat caps, no company-size thresholds, and local rendering consumes no HeyGen credits. Cloud rendering has no public price and runs on the main HeyGen credit system.
How do I use and install HyperFrames?
Run the CLI locally with `npx hyperframes`, or install 21 agent skills into Claude Code / Cursor with `npx skills add heygen-com/hyperframes`; write one index.html with data-* track attributes and that's a video.
Who is HyperFrames for?
Developers, front-end engineers, and creative teams, plus teams using AI coding agents to programmatically produce reproducible videos: CI video automation, data visualization, PR explainers, and more. Non-technical marketers are better served by the main HeyGen site.
What is the relationship between HyperFrames and HeyGen?
HyperFrames is an independent open-source project officially produced by HeyGen (its own domain hyperframes.dev and the GitHub org heygen-com). It handles code-driven/deterministic video synthesis, complementing HeyGen's main-site avatar capabilities, and its hosted cloud rendering ultimately loops back to HeyGen.
How does HyperFrames differ from Remotion?
HyperFrames uses plain HTML rather than React components with zero builds; Remotion is source-available and requires paid licensing above a company threshold, while HyperFrames is OSI-approved Apache-2.0. Remotion's ecosystem is more mature; HyperFrames is more agent-native.
Is HyperFrames open source? What license does it use?
Yes, it is open source. The repository github.com/heygen-com/hyperframes is public under the OSI-approved Apache-2.0 license — usable commercially, modifiable, and redistributable with no paywall.
What should I know about HyperFrames' privacy and terms?
The subdomain hyperframes.dev has no standalone privacy policy page (/privacy returns 404 in testing); privacy falls under the main HeyGen site at heygen.com/privacy; and the ToS grants HeyGen a broad content license including AI training rights, so enterprises feeding in proprietary brand/website content should evaluate in advance.