HyperFrames vs Remotion for making videos with an AI agent

Choose HyperFrames if you want your agent to write videos as plain HTML and CSS, under an Apache-2.0 license with no company fee, with ready-made workflows such as a launch video from a website. Choose Remotion if your team writes React, wants a live Studio preview and the most established cloud rendering, and is either small enough for Remotion's free license or willing to buy a company license. Both render video with code and both skills install in Claude Code, Codex and Cursor. We compared the two on license, authoring model, rendering, agents and upkeep; facts checked on 2026-10-01.

HyperFrames: HeyGen's HTML video framework and its skills

HyperFrames is the entry-point agent skill for HeyGen's open-source video framework, for people who want an agent to turn HTML, CSS and animations into MP4 files. A video is an HTML file whose elements declare their start, duration and track in data attributes; animations from GSAP, CSS, Lottie, Three.js, Anime.js or the Web Animations API are paused and moved to each exact frame before capture. Its strength is breadth of workflows: the router reads your brief and hands off to one of 21 published skills, from a launch video built from a product website to captions on talking-head footage. Its limit is age: the repository was created on 2026-03-10, and HeyGen's own guide says its rules on paused, deterministic timelines must be followed or a video "breaks quietly". The repository had 55,056 GitHub stars on 2026-10-01, under Apache-2.0. Details: HyperFrames on CookiesForAI.

Remotion: React video framework and its agent skills

Remotion best practices is the router skill in Remotion's agent skills, for developers who want an agent to build videos as React components. In Remotion a video is a composition: a React component plus width, height, frame rate and duration, and the component reads the current frame number to decide what to draw. Its strength is the working loop around that model: the agent opens Remotion Studio as soon as a project runs so you can watch and steer, renders only when you ask, and has guides for captions, maps, upgrades and video apps. Its limit is the license: free for individuals, for-profit companies with up to 3 employees and non-profits, a paid company license for other for-profit companies, and the skills repository has no license file of its own. The main remotion-dev/remotion repository had 61,373 GitHub stars on 2026-10-01 and dates from 2020. Details: Remotion best practices on CookiesForAI.

Side by side

Where they differ in practice

The license is the first filter. A for-profit company with more than 3 employees needs a Remotion company license to use Remotion, while HyperFrames carries no such threshold. We did not check Remotion's company license price, and Remotion's LICENSE.md says the terms will "slightly change" in Remotion 5.0; we did not read those changes.

The authoring model is the second. With HyperFrames, existing HTML, CSS and GSAP or Lottie animations can often be reused close to as they are, according to HeyGen's guide; with Remotion they become React components. If your product is already a React app, Remotion's Player and its SaaS guidance let you embed and render videos inside it.

Rendering at scale is the third. Remotion Lambda splits a video into chunks rendered in parallel, and HeyGen's own README calls it the "mature cloud renderer"; HyperFrames' Lambda path is newer. HyperFrames' strength is determinism: the same input is meant to give the same frames, which suits automated pipelines and regression tests.

On 2026-10-01 we asked six AI assistants "What agent skills exist for making videos with code?". ChatGPT, Gemini, Google AI Mode and Google AI Overviews named Remotion first and HyperFrames in their first three; Grok answered with its own ffmpeg skill. See our field study and the wider list of video skills.

How we compared

We read both READMEs, both router SKILL.md files, Remotion's LICENSE.md and the HyperFrames LICENSE on GitHub on 2026-10-01, and fetched HeyGen's HyperFrames vs Remotion guide and Remotion's pages on fundamentals, rendering and server-side rendering options the same day. Stars and creation dates come from the GitHub API that day. HeyGen wrote the comparison guide we cite, so we used it only for facts about HyperFrames or facts we could match on Remotion's own pages, and marked the rest. We did not render the same video in both, time renders, compare file sizes or price Remotion's company license.

How to choose

• If you work at a for-profit company with more than 3 employees and do not want a license purchase, choose HyperFrames.
• If your team already writes React, or you want to embed video in a React app, choose Remotion.
• If you need to render many videos in parallel in the cloud today, Remotion Lambda is the longer-established path.
• If you want ready-made jobs such as a launch video from a URL or a video from a pull request, HyperFrames ships those as workflows.
• If you have Remotion compositions and want the Apache-2.0 route, try HyperFrames' remotion-to-hyperframes skill on one composition first.