Remotion vs HyperFrames

Comparison

Remotion and HyperFrames are two of the most-starred open frameworks for making video with code, and they work the same way underneath: a headless browser draws each frame and FFmpeg encodes the result. They differ in what a developer, or an AI agent, writes. Remotion compositions are React components that render a frame given its number. HyperFrames, from HeyGen, uses plain HTML with data attributes for timing and seekable animation libraries such as GSAP, and says it was inspired by Remotion.

On October 24, 2026 HyperFrames had 71,178 GitHub stars and Remotion 66,968, even though Remotion has been public since 2020 and HyperFrames only since March 2026. Both ship skills for AI coding agents, which is a large part of why each is growing. This page compares them as of October 2026.

Feature Comparison

Dimension	Remotion	HyperFrames
Maintainer	Remotion, a Zurich company founded in 2021	HeyGen, the AI video company
Authoring	React components that read the current frame	HTML with data attributes for timing and tracks
Animation	Values interpolated from the frame number, plus springs	Adapters for GSAP, CSS animations, Lottie, Three.js, Anime.js and the Web Animations API
Build step	A bundler	None; an `index.html` composition plays as-is
Rendering	Headless browser with a bundled FFmpeg build; Node.js and Bun APIs	Headless Chrome and FFmpeg; Node.js 22+ required
Cloud rendering	AWS Lambda (recommended), Vercel Sandbox and Cloud Run (alpha)	Local, Docker and AWS Lambda
Embedding	`@remotion/player` for React apps	The `<hyperframes-player>` web component
Editor	Remotion Studio	HyperFrames Studio (described as "available, evolving") and the hyperframes.dev playground
Agent support	12 official Agent Skills and prompt-to-video templates	7 skills, a Claude Code plugin and a Claude connector with compose and render tools
Ready-made components	Templates and starter projects	About 450 catalog blocks installed as editable source
License	Source-available Remotion License; a paid company license for organizations of 4 or more people	Apache-2.0, with no per-render fees or company-size thresholds
Maturity (October 2026)	Public since 2020; v4.0.538 (October 22, 2026); 7 releases in October	Public since March 2026; v0.8.192 (October 24, 2026); 92 releases in October
GitHub stars (October 24, 2026)	66,968	71,178
Used by	OpenMontage, as the default for data-driven explainers	HeyGen in production; OpenMontage, as the default for motion graphics

Detailed Analysis

Where Remotion Is Ahead

Remotion is the mature choice. It has six years of development behind it, a stable version 4, and a cloud renderer on AWS Lambda that HeyGen's own comparison calls the "mature cloud renderer", plus Vercel Sandbox and an alpha Cloud Run option. It can also render some compositions in the browser with WebCodecs. Because compositions are React, everything a React team already knows carries over, and @remotion/player lets products show live previews before a server render. Its release pace, a handful of releases a month, is easier to track than a project shipping several a day.

Where HyperFrames Is Ahead

HyperFrames is simpler to hand to an agent. Compositions are plain HTML with no build step, so a model can write a file that plays immediately, and adapters let it use the animation libraries it already knows. It ships a large catalog of editable components, skills for Claude Code, Codex, Cursor and Gemini CLI, and a hosted Claude connector. Its Apache-2.0 license carries no per-render fees or thresholds, while Remotion's license is free for individuals and companies of up to three people but requires a company license beyond that, priced at $25 a seat a month for creators, $0.01 a render with a $100 monthly minimum for automated rendering, or Enterprise from $500 a month.

How to Choose

Teams already building in React, products that embed previews, and workloads that need proven cloud rendering at scale fit Remotion. Agent-first workflows, motion graphics written as web pages, and companies that want a permissive license fit HyperFrames. HyperFrames is still at version 0.8 and changes almost daily, so interfaces may move. A HyperFrames skill helps migrate Remotion projects, and some pipelines, such as OpenMontage, use both and pick one per project. For an older alternative, see Remotion vs Motion Canvas.

Best For

A React product that embeds previews and renders at scale

Remotion

@remotion/player plus Lambda, Vercel and Cloud Run rendering.

Templated, data-driven video on a mature platform

Remotion

Six years of development and a stable version 4.

Agents writing HTML and GSAP motion graphics

HyperFrames

No build step, animation adapters and a large component catalog.

A company that wants no license fees or seat thresholds