AI product Open source
HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It can be used locally through a CLI, by AI coding agents through skills, or as a rendering core for hosted authoring workflows.
Compositions are defined as HTML with data attributes for timing, tracks, media, and sub-compositions. The renderer seeks each frame in headless Chrome, uses animation adapters such as GSAP, CSS, Lottie, Three.js, Anime.js, or WAAPI, and encodes the result with FFmpeg; its toolchain includes preview, linting, inspection, local rendering, browser-based editing, reusable catalog components, and AWS Lambda rendering.
The project requires Node.js 22 or newer and FFmpeg, does not require React or a build step, and is licensed under Apache 2.0. Its agent skills support workflows including product videos, explainers, pull-request videos, captions, motion graphics, slideshows, music-driven videos, and general compositions.
2 uses taken from transcripts — each links to the moment in the video.
Provides the video-editing framework, motion-graphics generation, reusable skills, HTML animation workflow, and local studio for reviewing and adjusting edits.
A system for turning HTML, CSS, and animation adapters such as GSAP or Three.js into deterministic MP4 videos. It provides agent skills for planning, animating, and rendering through headless Chrome and FFmpeg, with local, Docker, and Lambda rendering options.
2 in the library.