Repolode
Submit
heygen-com

heygen-com/hyperframes

An open-source framework that turns HTML, CSS, media and seekable animations into deterministic MP4 videos, built for AI coding agents.

View on GitHubWebsite
Stars
66,562
Forks
6,018
Open issues
368
Last commit
3 hours ago

What is it?

HyperFrames lets you write a video as an HTML file. Timing and tracks are set with data attributes, and animation can come from GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI or a custom adapter. The renderer seeks each frame in headless Chrome and encodes the result with FFmpeg, so the same input produces the same output.

The project is aimed at developers and AI coding agents that already write HTML. It ships a CLI for scaffolding, previewing with live reload, linting and rendering locally or in Docker, plus a set of agent skills that guide the workflow from planning to rendering. AWS Lambda rendering is also supported for distributed jobs.

Compositions are plain HTML with no required build step, so an index.html can be opened and previewed directly in a browser. The catalog provides reusable transitions, overlays, charts and captions that can be added with a single command.

Key features

  • 01Compositions are HTML files with data attributes for timing and tracks.
  • 02Supports GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI and custom animation adapters.
  • 03Renders deterministically by seeking frames in headless Chrome and encoding with FFmpeg.
  • 04Includes a CLI for init, preview, lint and render, with Docker support.
  • 05Provides agent skills for planning and producing videos from prompts.
  • 06Offers AWS Lambda rendering for distributed jobs.

Use cases

  • Generating product launch or feature announcement videos from web content.
  • Creating data-driven chart or map animations that render the same way in CI.
  • Automating reusable motion graphics in content pipelines.
  • Letting AI coding agents produce video by writing HTML.

Topics

#video#html#animation#rendering#ffmpeg#gsap#ai-agents#puppeteer#ai#framework

FAQ

What is hyperframes?
An open-source framework that turns HTML, CSS, media and seekable animations into deterministic MP4 videos, built for AI coding agents. HyperFrames lets you write a video as an HTML file. Timing and tracks are set with data attributes, and animation can come from GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI or a custom adapter. The renderer seeks each frame in headless Chrome and encodes the result with FFmpeg, so the same input produces the same output.
Is hyperframes free to use? What license does it have?
hyperframes is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
Is hyperframes still maintained?
Actively maintained. The last commit to hyperframes was on Oct 18, 2026.
What can I use hyperframes for?
Generating product launch or feature announcement videos from web content. Creating data-driven chart or map animations that render the same way in CI. Automating reusable motion graphics in content pipelines. Letting AI coding agents produce video by writing HTML.
Where can I get hyperframes?
The source code and installation instructions are on GitHub: https://github.com/heygen-com/hyperframes

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects