58.6k stars · Remotion License · v4.0.522 (2026-09-07)
Render real MP4 video from React components — one branded intro template, unlimited language and title variants.
▶Repo detailsthe review · specs · pros & cons · install
What it is
A framework for making real MP4 video out of React components: you lay out frames in JSX and CSS, drive them with a frame counter, and render the result to a video file from the command line. It has been held in this radar's backlog twice and is promoted today because Layer 02 is the edition where it finally has a job to do.
Why it matters
Every video you publish needs the same five seconds at the front and the same eight at the back, and right now each one is hand-assembled in Camtasia — twice, because you publish in two languages. As a Remotion template that becomes npx remotion render --props='{"title":"...","lang":"ru"}', and the branded top-and-tail for a whole batch renders while you make coffee. The deeper reason it fits you specifically is that it is React and CSS, which is the one front-end vocabulary you and Claude Code already share: describing a title animation in words and getting working code back is a genuinely different experience from learning After Effects. It is also the honest answer to a question Satori from Edition 1 could not cover — Satori makes still images, this makes moving ones.
- Same React and CSS you already build Grasppy in, so Claude Code writes it competently on the first attempt
- Parameterised renders: one template, unlimited language and title variants, driven from a JSON file or a script
- Very actively maintained with excellent documentation and a large body of public examples
- Not OSI open source. The Remotion Licence is free for individuals and companies of up to three people — fine for you today, and a bill the day you hire a fourth. Read it before you build a workflow on it
- Rendering is CPU-heavy and slow. Do it on the Mac, not the Hetzner box that is serving your users
- Thinking in frames rather than a timeline is a real mental shift, and the first template will take you a full evening to get right
Feed the same titles into Thumbnails-Maker from Edition 4 and the video, the thumbnail and the deck all say the same words.
npx create-video@latest cd my-video npm run dev # preview in the browser npx remotion render