HyperFrames
Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
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.
npx skills add heygen-com/hyperframes --full-depthReach 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'.
- Product launch video · Turn a product URL or launch brief into a promo, product tour, or social video.
- Faceless explainer · Turn notes, an article, or a difficult idea into a visual explanation with no product footage.
- PR-to-video · Turn a GitHub pull request into a video showing what changed and why it matters.
- Captions and recuts · Add captions and designed overlays to talking-head footage, or change the spoken edit.
- Motion graphic · Make a short motion-led title, statistic, chart, logo sting, or overlay.
- Music-driven video · Cut footage, images, lyrics, and motion to a track's beat grid.
- Interactive presentation · Build a navigable deck with reveals, notes, branches, hotspots, and presenter mode.
- Custom / general video · Combine sources or co-direct a video when no focused workflow fits.
- Bring a design into a project · Start from a Figma file or design draft; keep the look, rebuild only what has to move.
- 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
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
