HyperFrames

Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents

Tier S · Best in classToolAgent SkillAnimation Librarygithub.com

(Visit github.com ↗)(Docs)(Repository)(Registry)

HyperFrames is HeyGen's open-source video framework: a composition is a plain index.html with data attributes for timing, so it plays in a browser with no build step and renders frame-by-frame to MP4 through Puppeteer plus FFmpeg. Animation is adapter-based — bring GSAP, CSS animations, WAAPI, Lottie, Three.js or Anime.js — and rendering is deterministic, so the same input yields the same frames in CI. It ships as a monorepo of packages (@hyperframes/core, engine, producer, studio, player, sdk, shader-transitions, aws-lambda, gcp-cloud-run) plus a non-interactive CLI and a set of installable agent skills. The pitch is that agents already write HTML, so they can already write video.

Install

npx skills add heygen-com/hyperframes --full-depth

For an agent

Reach for this over Remotion when the renderer is an agent rather than a React developer — compositions are plain HTML with data attributes, so there is no JSX build step and no bundler to fight, and the CLI is non-interactive by default. Bootstrap with `npx skills add heygen-com/hyperframes --full-depth` (pick Core Skills), then let the `/hyperframes` router select a workflow; add domain skills one at a time with `--skill <name>` instead of `--all`, which floods the context window. Two real constraints: Node 22+ and a local FFmpeg are hard requirements, and determinism only holds if every animation is seekable — a bare CSS animation or an unseeded random will drift between preview and render, so use the GSAP adapter with a paused timeline.

Why it is here. It is the first serious video framework designed around an agent as the author, and at 41k stars in five months it has become the default answer to 'make me a video with code'.

Install command, framework, licence and component list.

Facts

License: Apache 2.0
Pricing: Open source, Free, Usage-based / credits
Framework: Vanilla JS, Web Components, React
Styling: Vanilla CSS, CSS custom properties, Shader / GLSL
Distribution: GitHub repository, npm package, CLI installer, Agent skill / rules pack, MCP server
Platform: Cross-platform, Web
Content type: Code, Video, Prompts
Agent readiness: Agent skill or rules pack, CLI installable, Readable open source, llms.txt, Structured documentation, MCP server
Accessibility: Not applicable
Maturity: Actively maintained
Pricing detail: Framework is Apache-2.0 with no per-render fee and no commercial-use threshold. Optional HeyGen cloud rendering (npx hyperframes cloud render) and the hosted MCP connector are paid HeyGen services; self-hosting via AWS Lambda or GCP Cloud Run costs only your own compute.
GitHub stars: 41,065
Package: hyperframes

Components it ships

375 total

Helps you build

Homepage Features Changelog Feature Announcement Press Media Blog Post

Templates

Notable for

HTML compositions, no build step
deterministic frame-by-frame MP4 render
20 installable agent skills with a router
375-item block catalog
Apache-2.0 with no per-render fee
GSAP / Lottie / Three.js adapters

Provenance

Verified 2026-08-15. HTTP 200. https://github.com/heygen-com/hyperframes (README, packages, skills, CLI), https://api.github.com/repos/heygen-com/hyperframes (41,065 stars, Apache-2.0, pushed_at 2026-08-15, created 2026-03-10, not archived), https://hyperframes.heygen.com/llms.txt (515 doc pages, 375 catalog entries counted: 221 /catalog/components + 154 /catalog/blocks), https://hyperframes.heygen.com/quickstart.md, https://hyperframes.heygen.com/guides/skills.md

Also in Generative Media Tools

github.comTier S