Video as code, in React
Remotion lets you create videos by writing React components instead of dragging clips on a timeline. Each frame is rendered from your code, so anything you can express in React, CSS, SVG, Canvas, or WebGL becomes a video. The payoff is automation: feed in JSON or an API response and render hundreds of personalized videos, the kind of data-driven output a timeline editor cannot do. At 50,261 stars as of 2026-06 and shipping releases every few days, it is the dominant programmatic-video tool in the JavaScript world.
The ecosystem is broad: a Studio for previewing and editing, a Player for embedding video in your own app, and Lambda for rendering at scale in the cloud.
What it does
You define a composition (dimensions, duration, frame rate) and components that read the current frame and render accordingly, using hooks to drive animation. Because it is React, you reuse your existing web skills and component libraries. The headline use case is parametrized video: a single template plus data produces many variations, which is how projects like personalized year-in-review videos are built.
Install
npx create-video@latestThat scaffolds a project; npm start opens the Studio, npm run build renders output, and the Lambda packages handle cloud rendering once configured. Local rendering uses headless Chromium, so expect a sizable dependency and real CPU time per render.
Mind the license
This is the detail that catches teams off guard, so settle it before you build a product on Remotion: it does not use a standard open-source license. Individuals, non-profits, and small for-profit companies can use it for free, but for-profit companies above a small employee threshold (more than three) need to buy a paid Company License. The code is on GitHub and readable, but “on GitHub” does not mean free for every business. Read the LICENSE and, if you are a company past that threshold, budget for the license before adopting it.
Where it fits, and where it doesn’t
Remotion is the right tool when you want data-driven or personalized video generated from code, when your team already works in React, or when you want to embed rendered video in a web product. For programmatic video at scale, nothing else in the JS ecosystem matches its maturity.
Where it struggles: it is not a replacement for a timeline editor if you just want to cut clips by hand, the learning curve assumes React fluency, local rendering is heavy because of Chromium, and cloud rendering cost on Lambda is real and not covered by a simple calculator. And for a company over the license threshold, the cost question is part of the decision.
remotion versus the alternatives
| Remotion | Revideo | |
|---|---|---|
| Stars | 50,261 | 3,854 |
| Paradigm | React components | Motion Canvas-style TypeScript |
| Maintenance | very active, releases every few days | slowed, last push mid-2025 |
| License | free for individuals and small companies, paid for larger | MIT |
| Best for | data-driven video in React | self-hosted render pipelines |
Counts are from GitHub as of June 2026. Revideo takes a Motion Canvas-style approach and is fully MIT, but it is much smaller and its maintenance has slowed, so it is a riskier base for production. Remotion’s trade is the opposite: a mature, actively maintained tool with a license that costs money for larger companies.
The star curve
The star curve reflects steady, sustained adoption as the go-to programmatic-video tool for React developers, helped by viral showcase projects that generate personalized videos. The fast release cadence (multiple versions a week) backs up the active-maintenance story.
What the issue tracker warns you about
The recurring themes are performance and polish rather than fundamentals. Rendering can be slow and Chromium-dependent, and specific Node versions have introduced blocking behavior in composition selection. Complex layouts and transitions occasionally overlap or misbehave. Lambda rendering cost is unpredictable without your own measurement. And font and asset loading need server-side configuration that the docs could explain better. None of these undercut the core value; they are the operational details of rendering video from code.
Related
For a Motion Canvas-style alternative, see Revideo. For AI-driven short-form video instead of hand-coded video, see MoneyPrinterTurbo and ShortGPT. For what is trending, see the daily digest and the weekly report.
FAQ
Is Remotion free for commercial use? For individuals, non-profits, and small for-profit companies, yes. For-profit companies above a small employee threshold (more than three) need to buy a paid Company License. Read the LICENSE and check your company size before adopting.
Remotion vs Revideo, which should I use? Remotion uses React, is very actively maintained, and has a mature ecosystem, but requires a paid license for larger companies. Revideo is fully MIT and Motion Canvas-style, but much smaller and slower in maintenance. Choose Remotion for a production-grade React workflow, Revideo if MIT licensing and a self-hosted pipeline matter more.
Can Remotion generate personalized videos in bulk? Yes, and that is its core strength. A single composition plus data (JSON or an API) renders many variations, which is how personalized and data-driven videos are built at scale.
How much does Lambda rendering cost? It varies with resolution, frame rate, codec, and AWS region, and there is no simple official calculator. Measure with your own settings before assuming a budget; rendering cost is real per video.
Does Remotion need Chromium? Yes for local rendering, which uses headless Chromium and adds a sizable dependency and per-render CPU time. Lambda rendering runs Chromium in the cloud instead, so you do not install it locally.