• Stars
    star
    19,133
  • Rank 1,275 (Top 0.03 %)
  • Language
    TypeScript
  • License
    Other
  • Created almost 4 years ago
  • Updated 10 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎥 Make videos programmatically with React

Animated Remotion Logo

Discord Shield NPM Version NPM Downloads Open Bounties Twitter

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 WatchSource

GitHub Unwrapped - Personalized Year in Review TrySource

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.

More Repositories

1

github-unwrapped-2022

Your coding year in review #GitHubUnwrapped
TypeScript
1,318
star
2

trailer

The promo video for Remotion
TypeScript
1,030
star
3

github-unwrapped-2023

Your coding year in review
TypeScript
823
star
4

template-three

⚛️ 🎥 3️⃣ A minimal boilerplate for Remotion + React Three Fiber
TypeScript
61
star
5

github-unwrapped-2021

The source code for #GitHubUnwrapped 2021
TypeScript
47
star
6

template-next-app-dir

Next.js template for programmatic video apps
TypeScript
46
star
7

template-next-pages-dir

Next.js template for programmatic video apps
TypeScript
27
star
8

template-still

Create still images with Remotion
TypeScript
25
star
9

template-helloworld

Starting point for a new Remotion project. Run `npm init video` to get this template!
TypeScript
24
star
10

brand

Logo and brand elements of Remotion, created in Remotion.
TypeScript
23
star
11

typewriter

A basic Typewriter effect.
TypeScript
21
star
12

trailer-2-0

TypeScript
20
star
13

react-native-demo

TypeScript
19
star
14

mapbox-example

Remotion Mapbox example
TypeScript
18
star
15

template-skia

A Remotion starter template with React Native Skia included
TypeScript
12
star
16

template-tailwind

Remotion Starter template with Tailwind installed
TypeScript
11
star
17

transitions-video

Promo video for @remotion/transitions
TypeScript
11
star
18

apple-wow-tutorial

Recreate an Apple animation in Remotion!
TypeScript
11
star
19

motion-blur-example

Example of Motion Blur
TypeScript
10
star
20

template-remix

A Remotion SaaS template with Remix + Remotion Lambda
TypeScript
10
star
21

remotion-gl-transitions

TypeScript
10
star
22

template-tiktok

Generate TikTok-style captions with Whisper.cpp
TypeScript
10
star
23

text-warping

Demo of the capabilities of the new warpPath() API!
TypeScript
10
star
24

template-helloworld-javascript

JavaScript
9
star
25

4-0-trailer

The intro for the Remotion 4.0 keynote and some overlays for it
TypeScript
9
star
26

morph-text

Morph Text in Remotion
TypeScript
8
star
27

anime-example

Example of using Anime.JS in Remotion
TypeScript
8
star
28

d3-example

An example for D3.JS in Remotion
TypeScript
8
star
29

trailer-lambda

TypeScript
8
star
30

3d-text

TypeScript
7
star
31

tone-js-example

A small song with Remotion + Tune.JS
TypeScript
7
star
32

shorts-customizer

TypeScript
6
star
33

three-particles

Remotion adaptation of https://github.com/winkerVSbecks/3d-particle-effects-demo as reqeusted in Discord
TypeScript
5
star
34

css-animation-play-state

Controlling CSS animations from Remotion
TypeScript
5
star
35

library-starter

Starter template for creating your own Remotion library
TypeScript
4
star
36

rust-ffmpeg-splitter

FFmpeg as a binary and with Rust bindings
C
4
star
37

remotion-three-gltf-example

Demo using useGLTF
TypeScript
4
star
38

lambda-binaries

Binaries for Remotion Lambda
Shell
3
star
39

chrome-build-instructions

Python
3
star
40

the-dashboard

Our and @ForOneRed's office dashboard
TypeScript
3
star
41

template-overlay

A template for making overlays for use in traditional video editing programs
TypeScript
3
star
42

p5-poc

P5.js proof of concept
TypeScript
2
star
43

video-with-jump-cuts

Use a video and cut out portions of it without re-mounting the video inbetween.
TypeScript
2
star
44

glb-example

Animate a .glb model in React Three Fiber
TypeScript
2
star
45

lambda_go_sdk

Go library for invoking Remotion Lambda
Go
2
star
46

video-buffering-example

Pause the video if content is buffering, and resume once it has finished loading
TypeScript
1
star
47

dvd-logo

Extremely simple DVD Logo implementation
TypeScript
1
star
48

spring-editor

TypeScript
1
star