New: Remotion 4.0 is out

Create videos with React

Remotion is a framework for creating videos programmatically using React. Say goodbye to expensive video editors and hello to code.

Start Creating View Demo
15k+ Stars on GitHub
50k+ Developers
1M+ Videos Created
index.tsx VideoComponent.tsx
import React from 'react';
import {Sequence} from 'remotion';
export default function MyVideo() {
return (
<div className="container">
<h1>Hello World</h1>
<Sequence from="100">
<div className="box">Animated Box</div>
</Sequence>
</div>
);
}
Preview 00:00:05
▶
Hello World
Animated Box

Everything you need to create videos

Remotion provides a complete toolkit for programmatic video creation

⚡

React-based

Use React components to build your videos. Leverage your existing React knowledge and tools.

🎬

Animation

Smooth animations with easing functions, keyframes, and interpolation capabilities.

🎨

Styling

CSS-in-JS support with styled-components, emotion, or plain CSS classes.

☁️

Cloud Rendering

Render videos in the cloud with Remotion Cloud for scalable video production.

📦

Export Options

Export to MP4, GIF, PNG sequences, or even stream directly to YouTube.

🔧

Custom Logic

Use any JavaScript or TypeScript logic to generate dynamic video content.

What people are creating

Check out amazing videos created with Remotion

Data Visualization

Data Visualization

Interactive charts and graphs

Social Media

Social Media

Automated video content

Product Demo

Product Demo

Automated software demos

Music Video

Music Video

Audio-reactive animations

Ready to create videos?

Join thousands of developers building amazing videos with Remotion

Get Started View Documentation