HyperFrames - An Open-Source Framework for AI Agents to Create Videos with HTML

HyperFrames is an open-source framework that uses pure HTML files without React as video compositions.

Scenes are composed with just HTML, CSS, and GSAP, and rendered as MP4. index.html plays as-is, and with no build step, it's designed to fit the workflow of AI coding agents writing HTML directly.

• Run npx skills add heygen-com/hyperframes to teach the pattern to agents like Claude Code and Codex.
• In Claude Code, the /hyperframes, /hyperframes-cli, and /gsap slash commands are available right away, and OpenAI Codex and Cursor plugins are also provided.
• Start a project with npx hyperframes init, preview, and render, and turn a website into a video with hyperframes capture <url>.

With the Frame Adapter, you can connect GSAP, Lottie, CSS, and Three.js, and it offers 50+ pre-built blocks/components along with deterministic rendering.

Compared to Remotion, the output is HTML, not React, and the license is Apache 2.0. Currently, only single-machine rendering is supported, and the packages are split into CLI, core, engine (Puppeteer + FFmpeg), producer, studio, player, and shader-transitions. The whole project is built on TypeScript.