# [HyperFrames](<https://hyperframes.heygen.com/>)

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

Free·Open Source·Video·AI·Developer Tools

Free·Open Source·Video·AI·Developer Tools

![HyperFrames preview 1](<https://creatorstoolbox.com/images/hyperframes-thumbnail.png>)

![HyperFrames preview 2](<https://creatorstoolbox.com/images/galleries/hyperframes-og-5ef3510fc339201a82d7d5e5e623bedb7ed84a592707a598b616e5c51683733d.png>)

![HyperFrames preview 3](<https://creatorstoolbox.com/images/galleries/hyperframes-c6cdf9ee2825771e908caac85969d0a2f8bcd16304d479157ef9be967d058da2.jpg>)

## What is 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.

## 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.

## Ask AI about HyperFrames

## Share

Similar Launches

[![Graphify](<https://graphify.com/icon.png>)

Graphify

Turn a codebase into a knowledge graph your AI assistant can trace — answers come back as graph paths with real file:line citations.](<https://creatorstoolbox.com/resources/graphify>)[![Hugging Face](<https://www.google.com/s2/favicons?domain=huggingface.co&sz=128>)

Hugging Face

The open home of machine learning: 3 million models, 500,000 datasets and 1 million apps, with hosted inference, Spaces and the Transformers libraries.](<https://creatorstoolbox.com/resources/hugging-face>)[![Editframe](<https://creatorstoolbox.com/images/editframe-logo.jpg>)

Editframe

Build video with code — declarative HTML + CSS that renders to video, with React support, agent prompts, and parallel cloud rendering at scale.](<https://creatorstoolbox.com/resources/editframe>)[![LanceDB](<https://www.google.com/s2/favicons?domain=lancedb.com&sz=128>)

LanceDB

Multimodal vector database for RAG, AI agents, and hybrid search with native versioning and S3-compatible storage.](<https://creatorstoolbox.com/resources/lancedb>)[![Browser Use](<https://www.google.com/s2/favicons?domain=browser-use.com&sz=128>)

Browser Use

Open-source browser automation platform for AI agents — let LLMs drive a real browser to research, fill forms, scrape, and complete multi-step tasks.](<https://creatorstoolbox.com/resources/browser-use>)[![Recordly](<https://www.google.com/s2/favicons?domain=recordly.dev&sz=128>)

Recordly

Open-source screen recorder with auto-zoom, motion blur cursors, and minimal interface — a free alternative to Screen Studio.](<https://creatorstoolbox.com/tools/recordly>)

---
Canonical source: https://creatorstoolbox.com/resources/hyperframes