remotion

Remotion is a framework for creating videos programmatically using React.

Why create videos in React?

• Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc.
• Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects
• Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem

Created with Remotion

"This video was made with code" - Fireship Watch • Source

GitHub Unwrapped - Personalized Year in Review Try • Source

View more in the Remotion Showcase!

Get started

If you already have Node.JS installed, type

npx create-video@latest

to get started. Otherwise, read the installation page in the documentation.

Documentation

Documentation: remotion.dev/docs
API Reference: remotion.dev/api

License

Be aware of that Remotion has a special license and requires obtaining a company license in some cases. Read the LICENSE page for more information.

Contributing

Please read CONTRIBUTING.md to learn about contributing to this project.

Similar packages

Other packages similar to remotion

ffmpeg

FFmpeg is a powerful multimedia framework that can decode, encode, transcode, mux, demux, stream, filter, and play almost anything that humans and machines have created. Unlike Remotion, which uses React for video creation, FFmpeg is a command-line tool and library that requires more manual setup and scripting.

react-three-fiber

React Three Fiber is a React renderer for Three.js, which allows you to create 3D graphics using React components. While it focuses on 3D rendering, it shares the concept of using React for rendering complex visual content, similar to how Remotion uses React for video.

canvas-sketch

Canvas-sketch is a framework for creating generative art and creative coding sketches. It provides a structured way to create animations and graphics, but it is more focused on 2D and generative art rather than video production like Remotion.