Open-source framework that turns HTML, CSS, and GSAP compositions into deterministic MP4 video, built for AI agents.
HyperFrames is an open-source framework for building video with code instead of a timeline editor. You write compositions in HTML, CSS, and GSAP (a JavaScript animation library), and HyperFrames renders them into a real MP4 file. Because the process is deterministic, the same code always produces the exact same video, frame for frame.
It's built specifically for AI agents. Instead of a person clicking through a manual video editor, an agent can write and run the code that generates the video, making it possible to produce and reproduce videos programmatically at scale.
AI4NTP hasn't run HyperFrames through a live build yet. We're flagging it as an editor's pick because it fits squarely into our core thesis: let agents do the work instead of a person operating software by hand. HyperFrames proves that HTML can double as a video format, which means an agent that already knows how to write HTML, CSS, and a bit of GSAP can generate a finished, repeatable video straight from code, without touching a timeline or exporting by hand.
We keep it in the stack because it's open source, so there's no cost or lock-in risk in testing it against a real use case. The practical takeaway for an operator: you don't need to touch the code yourself. If your team or an AI agent can output HTML, you now have a path to generating video programmatically instead of building it by hand in a template tool.
HyperFrames is a developer tool at its core: using it directly means writing HTML, CSS, and GSAP animation code, not clicking through a template. If you don't write code, this isn't something you'll operate yourself. Where it matters to you is as infrastructure an AI agent or a technical teammate can run on your behalf to generate video automatically. Worth knowing about even if you never open the code, since it's the kind of tool that lets an agent replace a manual video-editing workflow.
Genuine substitutes for HyperFrames that we've also run on stage:
Yes, HyperFrames has a free tier. Free and open source.
Free and open source.
HyperFrames is a developer tool at its core: using it directly means writing HTML, CSS, and GSAP animation code, not clicking through a template. If you don't write code, this isn't something you'll operate yourself. Where it matters to you is as infrastructure an AI agent or a technical teammate can run on your behalf to generate video automatically. Worth knowing about even if you never open the code, since it's the kind of tool that lets an agent replace a manual video-editing workflow.
Tools we've also used live that can stand in for HyperFrames: Higgsfield.
| Category | AI video |
|---|---|
| Pricing | Free and open source. |
| Free tier | Yes |
| Website | www.hyperframes.dev |
Explore other tools we've demoed live at AI4NTP:
See tools like HyperFrames set up live, step by step, on AI4NTP, or get hands-on help putting it to work.