Tools· Media Production

Remotion

React-based open source framework that generates videos as code, built either through a coding agent, a drag-and-drop editor, or directly from data, with rendering on AWS Lambda, GCP Cloud Run, Vercel, or self-hosted infrastructure.

generatingdesigningexecutableFreemium

Open provider

Description

Remotion is a framework with publicly available source code on GitHub, under its own license, for generating videos as React code. Three paths lead to the result: an idea can be turned directly into a video through a coding agent, a video can be edited and animated through drag and drop, with changes written back into the code automatically, or a video can be built entirely programmatically by connecting data and managing the structure in code. In all three cases, the React code remains the source of truth, and it is possible to switch between the paths at any time. A new project is created with npx create-video@latest or by pasting a ready-made coding agent prompt into Claude Code, Codex, or OpenCode, which also lets you choose a package manager, a template, and whether to enable Tailwind and Agent Skills.

A local Node.js installation is required, and Bun is mostly supported as a runtime. Because the code remains the source of truth throughout, Remotion is aimed at people who want to work with React or use a coding agent for it, it is not a purely visual editor with no connection to code. For production use in applications or systems such as video editors, prompt-to-video apps, or an embedded Remotion Player, a separate license tier applies with a minimum spend of 100 US dollars per month, while developers on purely automation projects do not need a seat. Additional building blocks such as the Editor Starter template with the essential building blocks of a video editor or the customizable Timeline component are separate, paid products.

Compared with classic video editing software or pure timeline editors, Remotion's strength shows where videos need to be generated automatically and at scale from data or templates, for example rendering many videos on your own infrastructure, or where video creation or a video player should be embedded directly into your own application. Anyone who wants to work exclusively in a visual editor, without ever touching code, will find a more direct path in classic editing software.

Strengths

React as the continuous source of truth

Whether built through a coding agent, drag and drop, or directly in code, every change lands in the same React code, and it is possible to switch between the three paths at any time.

Three paths to creating a video

A video can be created agentically from an idea, interactively through drag and drop, or programmatically from connected data, whichever fits the task.

Broad rendering infrastructure

Videos can be rendered through AWS Lambda, GCP Cloud Run, Vercel, a self-hosted Node.js server, or client-side.

Extensive package ecosystem

Additional packages cover captions, Google Fonts, Lottie animations, transitions, shapes, and effects such as motion blur, without having to build every feature yourself.

Extensive documentation

Over 1000 documentation pages plus a dedicated API reference and a searchable "Ask AI" feature support the onboarding.

Assessment

AI features

Coding agent prompt A ready-made prompt can be pasted directly into Claude Code, Codex, or OpenCode and sets up a new Remotion project from it.
Agent Skills during project setup Agent Skills for further collaboration with a coding agent can be enabled during project creation.
Automatic transcription Packages for OpenAI Whisper, locally installable Whisper.cpp, and ElevenLabs generate captions from audio and video material.

Suitable for

Developers and teams that want to generate videos automatically and at scale from data or templates
Products that need their own video editing or an embedded video player, from a simple tool to a full editor
Using coding agents to turn an idea directly into a working video project in code
Less suitable for Less suitable for people who want to work exclusively in a visual editor, without ever coming into contact with React code

Limitations and notes

Node.js requirement A local Node.js installation is required for setup and operation, and Bun is only mostly supported as a runtime.
License required from company use onward Anyone publishing applications or systems such as video editors, prompt-to-video apps, or an embedded Remotion Player needs a Company License with a minimum spend of 100 US dollars per month, developers on purely automation projects do not need a seat for that.
Editor Starter and Timeline are paid The template with the essential building blocks of a video editor and the customizable Timeline component are sold separately. Individuals and small companies purchase them as a one-time purchase, larger companies additionally need the Company License for Remotion itself.
Code remains mandatory Even the drag-and-drop path writes changes back into React code, nobody gets around touching code entirely.

Quick start

Install Node.js if it is not already installed.
Create a new project with npx create-video@latest and choose a package manager, a template, and whether to enable Tailwind and Agent Skills, or paste the coding agent prompt from the documentation into Claude Code, Codex, or OpenCode instead.
Open the project in your own editor after it has been scaffolded.
Start the local development server and view the video in the studio.
Choose a rendering option for delivery, such as AWS Lambda, GCP Cloud Run, Vercel, or a self-hosted Node.js server.

Tips

Use the ready-made prompt from the documentation to get started with a coding agent, instead of describing the setup by hand.
Enable Agent Skills during project creation when you plan to keep working with a coding agent regularly.
Use the existing Whisper and ElevenLabs packages for automatically generated captions, instead of building your own transcription integration.
Check the comparison of options in the documentation before choosing rendering infrastructure, AWS Lambda, GCP Cloud Run, Vercel, and a self-hosted server differ in effort and operation.

Access

Remotion is available at remotion.dev, and the source code is open on GitHub in the remotion-dev/remotion repository. Use is free for individuals and small companies. Anyone publishing applications or systems such as video editors, prompt-to-video apps, or an embedded Remotion Player needs a Company License, for which the provider states a minimum spend of 100 US dollars per month, developers on purely automation projects do not need a seat for that, while internal, low-volume video creation is billed per seat and user. The Editor Starter and Timeline component are offered additionally and separately through the Remotion store.

Alternatives

motioncanvas.io — oss

Motion Canvas

Motion Canvas creates code-based animations with a live preview under an MIT licence, making it the closest comparable open-source alternative to Remotion's React approach.

manim.community — oss

Manim Community

Manim Community Edition renders programmatically generated animation videos from Python code under an MIT licence, with no licence threshold for larger teams.

github.com — oss

MoviePy

MoviePy cuts and composes video programmatically in Python under an MIT licence, covering the simpler part of what Remotion achieves with React.

Last reviewed: 27 July 2026 · Pricing, plans and features are a snapshot in time. Check the provider's own page before deciding.

In the workshop this becomes your method.

Whoever sees this process run once wants the agent behind it next. We build that in the workshop From Process to Agent.

View workshops

The Video Script turns a short brief on video type, topic, target length and audience into a production-ready script with hook, sectioned main body, per-section visual instructions, CTA and a speaking-time calculation.

Learn more

Conversation, not pitch

Understand first, then decide. We take time for an initial conversation, without sales pressure, without obligation.

Schedule a call