# Remotion vs HyperFrames

> Remotion vs HyperFrames (Oct 2026): React components vs HTML and GSAP, a source-available license vs Apache-2.0, and a mature renderer vs a fast newcomer.

Source: https://metavert.io/compare/remotion-vs-hyperframes  
Published: 2026-10-24  
Updated: 2026-10-24

Comparison

[Remotion](https://metavert.io/remotion) and [HyperFrames](https://metavert.io/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](https://metavert.io/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](https://metavert.io/openmontage), use both and pick one per project. For an older alternative, see [Remotion vs Motion Canvas](https://metavert.io/compare/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

HyperFrames

Apache-2.0 with no per-render charges.

## The Bottom Line

Remotion remains the safer pick for React teams and for rendering at scale in the cloud. HyperFrames is the more natural fit for AI agents writing HTML motion graphics, and its Apache-2.0 license removes the company-size question entirely. Both ship agent skills, so the choice comes down to authoring model, maturity and license.

## Related Topics

- [Remotion](https://metavert.io/remotion)
- [HyperFrames](https://metavert.io/hyperframes)
- [Remotion vs Motion Canvas](https://metavert.io/compare/remotion-vs-motion-canvas)
- [Motion Canvas](https://metavert.io/motion-canvas)
- [Motion Graphics as Code](https://metavert.io/motion-graphics-as-code)
- [Video as Code](https://metavert.io/video-as-code)
- [HeyGen](https://metavert.io/heygen)
- [OpenMontage](https://metavert.io/openmontage)
- [FFmpeg](https://metavert.io/ffmpeg)
- [SKILL.md](https://metavert.io/SKILL.md)
- [Video as Code vs Nonlinear Editing](https://metavert.io/compare/video-as-code-vs-nonlinear-editing)

## Further Reading

- [HyperFrames vs Remotion](https://hyperframes.heygen.com/guides/hyperframes-vs-remotion) — HeyGen's comparison guide
- [HyperFrames on GitHub](https://github.com/heygen-com/hyperframes) — packages, skills and license
- [Remotion releases](https://github.com/remotion-dev/remotion/releases) — the version history
- [Remotion Agent Skills](https://www.remotion.dev/docs/ai/skills) — skills for coding agents
- [Remotion license and pricing](https://www.remotion.pro/license) — the company-license tiers