Remotion

Package

Create and render videos programmatically as React components

Price: Free up to 3 people, then paid
Access: Company license key (4+ people)

About

Remotion lets you write videos as React components, controlling every frame with normal JS and CSS, then render them locally, server-side or on Lambda. It is free for individuals and companies up to 3 people; larger for-profit organizations need a paid company license.

What you can do with it

Build a video as a React component and preview it in Remotion Studio
Generate personalized or parameterized videos from data
Render a video server-side, on Lambda, or in the browser

Get started

Run npx create-video@latest to scaffold a project
Edit a React component in src/
Run npm run dev to open Remotion Studio

Example

import { AbsoluteFill, useCurrentFrame } from 'remotion';

export const MyComposition = () => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill
      style={{ justifyContent: 'center', alignItems: 'center', fontSize: 100 }}
    >
      The current frame is {frame}.
    </AbsoluteFill>
  );
};

Details

Hosting: Self-hosted, Runs locally
Available in: Worldwide
Official SDKs: JavaScript/TypeScript
MCP server: None