Verified project record

heygen-com/hyperframes

HyperFrames renders deterministic MP4 videos from HTML, CSS, and seekable animations using headless Chrome and FFmpeg, without requiring a build step or per-render fees. It provides agent skills, a browser-based preview studio, and an SDK for distributed AWS Lambda rendering.

Project overview

The framework targets automated pipelines and AI agents by outputting deterministic videos where the same input produces the same output, making it suitable for continuous integration environments.

Project type: Video · Infrastructure
Use cases: Documents & Office
Deployment: Refer to project documentation
License: Apache-2.0

Best for

Developers building automated pipelines who need deterministic MP4 video output from HTML, CSS, and seekable animations.
Users automating video generation through AI coding agents using specialized production skills.

Key capabilities

Parses HTML compositions, drives headless Chrome to seek each frame, and encodes the result with FFmpeg to produce deterministic MP4 videos.
Ships 19 skills that teach coding agents the HyperFrames production loop, covering planning, writing HTML, wiring animations, linting, previewing, and rendering.
Provides a browser-based UI for previewing and editing compositions. This browser surface is still marked as evolving.
Provides an SDK and deployment surface to run a distributed render stack and drive renders from a laptop or continuous integration environment.

Limitations and risks

Requires Node.js 22+ and FFmpeg installed locally for manual usage.
The repository uses Git LFS for large golden regression-test baselines.
The Studio UI browser surface is currently marked as evolving.

Getting started

Install Node.js 22+ and FFmpeg. Scaffold a new project by running the npx hyperframes init my-video command, and then run npx hyperframes preview to start.

Evidence and sources

README: HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos.
README: The skills teach agents the HyperFrames production loop: plan the video, write valid HTML, wire seekable animations, add media, lint, preview, and render.
README: HyperFrames ships 19 skills agents load on demand.
README: plus HeyGen-hosted cloud rendering (`cloud render`) and AWS Lambda rendering (`lambda deploy / render / progress`).
README: Requirements: Node.js 22+, FFmpeg

Source updated at: 2026-07-15T18:18:53Z

Open original GitHub project