Hyperframes
🎁FREEGitHub
Hyperframes is an open-source framework that lets you write HTML + CSS + animations and render them as deterministic, high-quality MP4 videos. Built specifically for AI coding agents and automated video production, it turns web compositions into production-ready videos using headless Chrome and FFmpeg.
✨Key Features
- ▸HTML-Native Video Creation: Define entire videos using plain HTML files with special data attributes for timing, tracks, and seekable animations (GSAP, CSS, Lottie, Three.js, etc.).
- ▸Deterministic Rendering: Same input always produces the exact same output — perfect for CI/CD, regression testing, and automated pipelines.
- ▸Agent-Friendly: Includes rich skills/plugins for Claude, Cursor, Gemini, Codex, and other AI coding agents to plan, write, preview, and render videos via natural language.
- ▸Powerful CLI: npx hyperframes init, preview (live browser reload), render (to MP4), linting, and more.
- ▸Rich Ecosystem: Catalog of reusable blocks (transitions, charts, captions, overlays), frame.md design system format optimized for video, Studio editor, AWS Lambda distributed rendering, and player component.
- ▸Use Cases: Product launch videos, animated explainers, data visualizations, social media content, PR walkthroughs, website-to-video, etc.
- ▸Open Source & Production Ready: Used internally at HeyGen, Apache 2.0 license, no per-render fees.
Advertisement
728 x 90 Ad Space