• Stars
    star
    20,552
  • Rank 1,220 (Top 0.03 %)
  • Language
    TypeScript
  • License
    Other
  • Created over 4 years ago
  • Updated 29 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 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.

More Repositories

1

github-unwrapped-2022

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

trailer

The promo video for Remotion
TypeScript
1,033
star
3

github-unwrapped-2023

Your coding year in review
TypeScript
856
star
4

template-code-hike

Beautiful code snippet animations
TypeScript
161
star
5

template-audiogram

A template for making podcast video clips with Remotion.
TypeScript
150
star
6

template-tiktok

Generate TikTok-style captions with Whisper.cpp
TypeScript
71
star
7

template-three

โš›๏ธ ๐ŸŽฅ 3๏ธโƒฃ A minimal boilerplate for Remotion + React Three Fiber
TypeScript
69
star
8

template-next-app-dir

Next.js template for programmatic video apps
TypeScript
68
star
9

github-unwrapped-2021

The source code for #GitHubUnwrapped 2021
TypeScript
47
star
10

template-next-pages-dir

Next.js template for programmatic video apps
TypeScript
32
star
11

template-still

Create still images with Remotion
TypeScript
30
star
12

typewriter

A basic Typewriter effect.
TypeScript
29
star
13

template-helloworld

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

brand

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

trailer-2-0

TypeScript
21
star
16

mapbox-example

Remotion Mapbox example
TypeScript
21
star
17

react-native-demo

TypeScript
20
star
18

template-skia

A Remotion starter template with React Native Skia included
TypeScript
17
star
19

template-remix

A Remotion SaaS template with Remix + Remotion Lambda
TypeScript
14
star
20

template-tailwind

Remotion starter template with Tailwind installed
TypeScript
14
star
21

apple-wow-tutorial

Recreate an Apple animation in Remotion!
TypeScript
14
star
22

gl-transitions

TypeScript
13
star
23

template-helloworld-javascript

Starting point for a new Remotion project in plain JS. The Hello World template, but in plain JavaScript. Recommended for people who detest TypeScript.
JavaScript
12
star
24

transitions-video

Promo video for @remotion/transitions
TypeScript
12
star
25

4-0-trailer

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

motion-blur-example

Example of Motion Blur
TypeScript
10
star
27

anime-example

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

text-warping

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

morph-text

Morph Text in Remotion
TypeScript
9
star
30

d3-example

An example for D3.JS in Remotion
TypeScript
9
star
31

shorts-customizer

TypeScript
9
star
32

trailer-lambda

TypeScript
9
star
33

tone-js-example

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

3d-text

TypeScript
6
star
35

animated-emoji

Assets for the Remotion `<AnimatedEmoji>` component
TypeScript
6
star
36

three-particles

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

video-with-jump-cuts

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

template-overlay

A template for making overlays for use in traditional video editing programs
TypeScript
6
star
39

css-animation-play-state

Controlling CSS animations from Remotion
TypeScript
6
star
40

template-next-app-dir-tailwind

Official Remotion+NextJS+TailwindCSS template
TypeScript
6
star
41

chrome-build-instructions

Python
5
star
42

library-starter

Starter template for creating your own Remotion library
TypeScript
5
star
43

rust-ffmpeg-splitter

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

remotion-three-gltf-example

Demo using useGLTF
TypeScript
4
star
45

timing-functions

Source code for the video about timing functions
TypeScript
4
star
46

lambda-binaries

Binaries for Remotion Lambda
Shell
3
star
47

the-dashboard

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

spring-editor

TypeScript
3
star
49

p5-poc

P5.js proof of concept
TypeScript
2
star
50

glb-example

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

lambda_go_sdk

Go library for invoking Remotion Lambda
Go
2
star
52

light-leak-example

TypeScript
2
star
53

video-buffering-example

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

lambda-php-sdk

PHP library for invoking Remotion Lambda
PHP
1
star
55

dvd-logo

Extremely simple DVD Logo implementation
TypeScript
1
star