Video Generation with Remotion

Remotion renders React components as video frames -- write React, get MP4. Every frame is a function of the current time, giving precise control over every pixel at every moment.

Setup

npx create-video@latest my-video
cd my-video
npm start           # Preview at localhost:3000

Core Concepts

Composition (Video Definition)

import { Composition } from 'remotion';