gitmyhub

hyperframes

TypeScript ★ 0 updated 2mo ago ⑂ fork

Write HTML. Render video. Built for agents.

An open-source framework that turns plain HTML files into rendered videos, built especially for AI coding agents to generate and edit video content.

TypeScriptNode.jsFFmpegChromeGSAPsetup: moderatecomplexity 3/5

HyperFrames is an open source video rendering framework that lets you describe a video as an HTML file, then automatically converts it into a rendered video. The idea is that HTML is a familiar format that AI coding agents already understand, so instead of learning a proprietary video editing language, you write plain HTML with special data attributes to describe the composition, and the framework handles the rendering.

Under the hood, HyperFrames drives a headless browser, meaning Chrome running without a visible window, to paint each frame, then pipes those frames through FFmpeg to produce an MP4. Because the same HTML input always produces the same frames, the output is deterministic, which makes it suitable for automated pipelines. The CLI is non interactive by design so a coding agent can run it without human input.

Animation libraries such as GSAP, Lottie, CSS animations, and others can be plugged in through a Frame Adapter pattern: you bring your preferred animation runtime and HyperFrames handles the frame accurate seeking and rendering. Requirements are Node.js version 22 or higher and FFmpeg.

HyperFrames is released under the Apache 2.0 open source license with no per render fees. The project draws explicit inspiration from Remotion, a similar tool that uses React components as its authoring format. HyperFrames' distinguishing choice is HTML instead of React.

You would reach for this if you want an AI agent to generate or iterate on short videos programmatically, or to build automated video generation pipelines. The full README is longer than what was provided.

Where it fits