Motion Skills
← Learn

HyperFrames vs. Remotion: which engine for AI-made video?

Both let an agent write video as code and render it to MP4. They differ in what the agent writes and in licensing: HyperFrames is HTML, CSS and GSAP under Apache 2.0; Remotion is React, free for individuals and companies of up to three people.

Licence and pricing details are from each project's own pages, checked on October 29, 2026.

HyperFrames

  • What you write: HTML, CSS and GSAP timelines. Agents already write this fluently.
  • Rendering: a CLI (npx hyperframes render) drives headless Chrome and FFmpeg, frame by frame, deterministically. It needs Node.js 22 or newer and FFmpeg.
  • Built for agents: check runs lint, runtime, layout, motion and contrast audits; snapshot captures still frames so the agent can look at its own work before rendering. It ships a Claude Code plugin and standalone skills.
  • License: Apache 2.0, free for commercial use. github.com/heygen-com/hyperframes

Remotion

  • What you write: React components, with frame-based hooks (useCurrentFrame).
  • Strengths: a mature ecosystem, great for data-driven and programmatic video at scale, and server-side rendering on Lambda.
  • For agents: official agent skills (npx remotion skills add) teach Claude Code, Codex or Cursor to write correct Remotion code.
  • License: free for individuals and companies of up to three people; companies of four or more need a Company License.

Licences at a glance

Licence Free for Paid when
HyperFrames Apache 2.0 Everyone, including commercial use Never, for the engine itself
Remotion Remotion License Individuals and companies of up to 3 people 4+ people: Remotion for Creators, $25 per seat a month; Remotion for Automators, $0.01 per render with a $100 monthly minimum
Motion Canvas MIT Everyone, including commercial use Never, for the library itself

Where Motion Canvas fits

Motion Canvas is a third option, with a different idea: "a TypeScript library that uses generators to program animations", plus an editor that previews them in real time. Each animation is a sequence of steps you write by hand, which suits explainers where you want to control every beat. It isn't built around agents the way HyperFrames and Remotion's skills are, and its README doesn't describe a one-command MP4 render, so check its documentation for how video comes out.

Which one we use

Our full-film skills and the free Motion Director skill run on our own open engine, motion-skills (mo, via npx). It follows the same idea as HyperFrames: a film is HTML, CSS and GSAP, rendered frame by frame in Chrome with FFmpeg, and mo check catches cut-off, covered or low-contrast text before rendering. Our earlier motion templates, now kept on the site as examples, were built on HyperFrames itself: HTML and CSS kept them readable and easy to edit by hand, and the built-in audits caught layout problems early.

If your team already builds with React and Remotion, the same motion ideas carry over. The craft (pacing, typography, easing, restraint) is what makes the video, not the engine. For what Remotion's agent skills do next to one of our full-film skills, see Remotion agent skills vs Motion Skills; for every route from Claude Code, see How to make a video with Claude Code.

Questions

Is HyperFrames free for commercial use?

Yes. HyperFrames is open source under the Apache 2.0 licence, so you can use it at work without paying for the engine. It needs Node.js 22 or newer and FFmpeg, and renders in headless Chrome.

HyperFrames or Remotion?

HyperFrames if your agent writes HTML, CSS and GSAP; Remotion if your team works in React or needs rendering at scale.

Is Remotion free?

For individuals and companies of up to three people, yes. Companies of four or more need a Company License: Remotion for Creators is $25 per seat a month, and Remotion for Automators is $0.01 per render with a $100 monthly minimum.

What about Motion Canvas?

Motion Canvas is an MIT-licensed TypeScript library for code-driven animation, with a live-preview editor. It suits explainers you write by hand rather than films an agent writes for you.

Sources

This comparison is independent. We're not affiliated with HeyGen, Remotion or Motion Canvas. Checked on October 29, 2026.