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

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

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

[Development](<https://creatorstoolbox.com/communities/development>)[Open Source](<https://creatorstoolbox.com/communities/open-source>)[Artificial Intelligence](<https://creatorstoolbox.com/communities/ai>)[Video & Film](<https://creatorstoolbox.com/communities/video>)

Media 1 of 3

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

## Similar products

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

Graphifygraphify.com

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/products/graphify>)

- [![Hugging Face](<https://www.google.com/s2/favicons?domain=huggingface.co&sz=128>)

Hugging Facehuggingface.co

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/products/hugging-face>)

- [![Editframe](<https://creatorstoolbox.com/images/editframe-logo.jpg>)

Editframeeditframe.com

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/products/editframe>)

- [![LanceDB](<https://www.google.com/s2/favicons?domain=lancedb.com&sz=128>)

LanceDBlancedb.com

Multimodal vector database for RAG, AI agents, and hybrid search with native versioning and S3-compatible storage.](<https://creatorstoolbox.com/products/lancedb>)

- [![Browser Use](<https://www.google.com/s2/favicons?domain=browser-use.com&sz=128>)

Browser Usebrowser-use.com

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/products/browser-use>)

- [![Chroma](<https://creatorstoolbox.com/images/logos/chroma-6da06571ed993d1f97b1c612d4e08d2bc9b58f6902e820206242aed68f393119.svg>)

Chromatrychroma.com

Open-source search infrastructure for AI, with vector, full-text, regex, and metadata search.](<https://creatorstoolbox.com/products/chroma>)

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