Skip to main content

Open-source framework for rendering HTML compositions into MP4 videos, built for AI agents and automated pipelines.

About HyperFrames

HyperFrames is an open-source video rendering framework by HeyGen that turns HTML compositions into MP4 videos. You define your video as HTML files with data attributes specifying timing, layers, and animations, then render deterministically to video. It supports GSAP, Lottie, CSS, and Three.js animations through its Frame Adapter pattern, includes 50+ ready-to-use blocks, and has a live browser preview with hot reload.

Designed agent-first for automated video pipelines — works with Claude Code, Cursor, and Gemini CLI. Apache 2.0 licensed.

Pricing model: Free

Features

  • Write HTML with data attributes, render to MP4
  • Deterministic rendering — identical inputs, identical outputs
  • Frame adapters for GSAP, Lottie, CSS, and Three.js
  • 50+ ready-to-use blocks for transitions, overlays, and effects
  • Live browser preview with hot reload
  • Built for AI agents — works with Claude Code, Cursor, Gemini CLI

FAQs

Common questions about HyperFrames

Is HyperFrames free?
Yes, HyperFrames is open source under the Apache 2.0 license. Built by HeyGen.
How do I use HyperFrames?
Write HTML with data attributes defining timing and layers, preview in a browser, then render to MP4 locally or in Docker with npx.