Joshua Xu
HeyGen Co-founder and CEO
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
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.
Insights
Traffic and momentum for HyperFrames
Loading chart…
Videos
Official videos and tutorials for HyperFrames.
1 tutorial
Similar to HyperFrames
6 similar picks
HeyGen
Talking-head videos from AI avatars — pick from hundreds or build your own from a clip, script in 40+ languages, and translate with lip sync intact.
Synthesys
Discover the power of AI with Synthesys.io's voice, video, and image generators. Elevate your content creation and try our tools for free today!
Tavus
Build AI humans that see, hear, and talk face to face in real time. Deploy custom video agents, digital twins, and AI companions in 30+ languages with simple APIs.
LiveAvatar
Lifelike realtime avatar API for conversational AI agents, powered by HeyGen research.
BHuman
Foster human connections at scale with customers with groundbreaking AI that enables you to make personalized videos at scale that look real.
DeepBrain AI
AI Video Generator, Tex-to-Video, Generative Videos, Custom Avatar, 2,000+ Avatars, AI Dubbing with Translation, Text to Speech with 150+ Languages, and 7,000+ Video Templates — for HR Training, an...
Team
The people behind HyperFrames
Ask AI about HyperFrames
Share
Similar Launches
Graphify
Turn a codebase into a knowledge graph your AI assistant can trace — answers come back as graph paths with real file:line citations.
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.
Editframe
Build video with code — declarative HTML + CSS that renders to video, with React support, agent prompts, and parallel cloud rendering at scale.
LanceDB
Multimodal vector database for RAG, AI agents, and hybrid search with native versioning and S3-compatible storage.
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.
Recordly
Open-source screen recorder with auto-zoom, motion blur cursors, and minimal interface — a free alternative to Screen Studio.
Comments