Remotion

Remotion lets you generate MP4 motion graphics using React, taking advantage of browser technologies like CSS, SVG and WebGL to render video programmatically. The tool lets you increase video production speed through server-side rendering and parameterization, and it's designed to work for a wide range of uses.

Remotion includes a number of key features:

• Real MP4 videos: It renders all frames to images and then encodes them into a real video, including audio support, with WebM and other formats also possible.
• Fast and delightful editing: You can preview videos in the browser with rapid refresh and scrub the timeline to get the frames just right.
• Programmatic content and rendering: You can pull data from APIs and use it as video content, showing it in real time with the @remotion/player.
• Build video apps: You can use the suite of tools to build apps that let people create videos.

Remotion packages are available to suit different needs:

• remotion: The core APIs for creating video.
• @remotion/bundler: Generate a Webpack bundle from Node.JS.
• @remotion/player: Embed and play Remotion videos in the browser.
• @remotion/lambda: Render videos and stills on AWS Lambda.
• @remotion/cloudrun: Render videos and stills on GCP Cloud Run.
• @remotion/gif: Add GIFs to videos.

Pricing tiers look like this:

• Free License: Unlimited videos, commercial use permitted, cloud rendering permitted (self-hosted), with upgrades when your team grows.
• Company License: Everything in the Free License, with priority support, developer seats and other features like cloud rendering units, starting at $100 per month.
• Enterprise License: Custom terms, billing and pricing, with compliance forms, priority feature requests and private support, starting at $500 per month.

Remotion is geared for developers and businesses that want to programmatically create and manage videos at large scale, with flexibility, customization and ease of use.

Published on June 14, 2024