HyperFrames is HeyGen's open-source framework for turning plain HTML and CSS into deterministic MP4 video, and it's climbing GitHub's trending list with over 700 stars today on top of 45,000+ total. Setup takes about 10 minutes: install Node.js 22+ and FFmpeg, scaffold a project with the CLI, and render your first video with no account required.
Read the full story: HyperFrames Setup: Turn HTML Into Rendered Video →
Transcript
You can write plain HTML and turn it straight into a rendered video, no timeline software needed. This is HyperFrames, an open source framework from HeyGen, and it just picked up over seven hundred stars in a single day. Here is the whole setup. First, check your machine is ready, you just need Node twenty two or newer and ffmpeg installed. Scaffold a new project with one command, hyperframes init, and pick a starter template. That drops in a working composition, ready to go.
Render it, and one command turns that html into an actual mp4 file, using headless chrome and ffmpeg under the hood, same input, same frames, every single time. No react, no build step, just html and css, animated with gsap or plain css keyframes. You can also preview it live in the browser with instant reload every time you touch the file. It even ships skills so coding agents like Claude Code can write these videos for you from a prompt.
That is the entire loop, from an empty folder to a finished video file, in about ten minutes.