Repolode
Submit
remotion-dev

remotion-dev/remotion

A React-based framework for creating videos programmatically, with code as the source of truth for video timelines and animations.

Open-source alternative to:Adobe After Effects

View on GitHubWebsite
Stars
66,055
Forks
5,285
Open issues
177
Last commit
2 hours ago

What is it?

Remotion lets developers build videos with React components. Each frame is rendered from ordinary React code, so animations, data-driven content and reusable templates can be written and version-controlled like any other web interface.

The project covers the full workflow: a coding agent or an interactive editor can create a video, and the same React code can be rendered on your own servers, through AWS Lambda, in Vercel sandboxes, or client-side in the browser. It also includes a Player for embedding video previews in applications.

The toolkit provides building blocks such as shapes, transitions, captions, fonts, sound effects and an editor starter, and it is aimed at teams producing many videos from one codebase, such as batch rendering or design systems of animated assets.

Key features

  • 01Build videos as React components with frame-based timing.
  • 02Render on your own Node.js servers, AWS Lambda, or Vercel sandboxes.
  • 03Client-side rendering in the browser is supported.
  • 04Includes a Player for embedding previews in applications.
  • 05Provides shapes, transitions, captions, fonts and sound effects.
  • 06Works with coding agents and an interactive editing workflow.

Use cases

  • Generating personalized or data-driven videos at scale from templates.
  • Building a library of reusable animated assets for a company's brand.
  • Adding an in-app video editor or preview to a web product.
  • Automating rendering of marketing or social media clips on your own infrastructure.

Quick start

  1. 1

    Install Node.js if you do not have it yet

  2. 2

    Create a new video project with the scaffolding tool

    npx create-video@latest

Things to know

  • Remotion uses a special license and requires a company license in some cases.
  • Rendering at scale on your own infrastructure requires setup effort.

Topics

#react#video#animation#typescript#rendering#video-generation#javascript

FAQ

What is remotion?
A React-based framework for creating videos programmatically, with code as the source of truth for video timelines and animations. Remotion lets developers build videos with React components. Each frame is rendered from ordinary React code, so animations, data-driven content and reusable templates can be written and version-controlled like any other web interface.
Is remotion free to use? What license does it have?
remotion is open source under the Other license. Check the license terms before using it in commercial products.
Is remotion still maintained?
Actively maintained. The last commit to remotion was on Oct 22, 2026.
What can I use remotion for?
Generating personalized or data-driven videos at scale from templates. Building a library of reusable animated assets for a company's brand. Adding an in-app video editor or preview to a web product. Automating rendering of marketing or social media clips on your own infrastructure.
How do I install remotion?
Install Node.js if you do not have it yet Create a new video project with the scaffolding tool: npx create-video@latest
Where can I get remotion?
The source code and installation instructions are on GitHub: https://github.com/remotion-dev/remotion

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects