1 | <p align="center">
|
2 | <a href="https://github.com/JonnyBurger/remotion-logo">
|
3 | <img src="https://github.com/JonnyBurger/remotion-logo/raw/main/withtitle/element-0.png">
|
4 | </a>
|
5 | </p>
|
6 |
|
7 | Remotion is a suite of libraries building a fundament for **creating videos programmatically using React.**
|
8 |
|
9 | ## Why create videos in React?
|
10 |
|
11 | - **Leverage web technologies**: Use all of CSS, Canvas, SVG, WebGL, etc.
|
12 | - **Leverage programming**: Use variables, functions, APIs, math and algorithms to create new effects
|
13 | - **Leverage React**: Reusable components, Powerful composition, Fast Refresh, Package ecosystem
|
14 |
|
15 | ## Example videos
|
16 |
|
17 | - **Remotion Trailer** [Watch](https://www.youtube.com/watch?v=1UU_GEQuolI) • [Source code](https://github.com/JonnyBurger/remotion-trailer) • The announcement video for Remotion was written in Remotion itself!
|
18 | - **AnySticker Welcome Video** [Watch](https://www.youtube.com/watch?v=Y0SNPeTz09w) • [Source code](https://github.com/JonnyBurger/anysticker-tutorials) • An in-app explainer video for my app AnySticker.
|
19 | - **"Game changer or no game changer" intro** [Watch](https://youtu.be/ga_xAZo9m7k?t=61) • [Source code](https://github.com/JonnyBurger/gamechanger-or-no-gamechanger-intro) • An intro for a quiz show I did with William Candillon.
|
20 |
|
21 | Feel free to pull request your creations!
|
22 |
|
23 | ## Get started
|
24 |
|
25 | If you already have Yarn and FFMPEG installed, type
|
26 |
|
27 | ```console
|
28 | yarn create video
|
29 | ```
|
30 |
|
31 | to get started. Otherwise, read the [installation page](https://www.remotion.dev/docs/) in the documentation.
|
32 |
|
33 | ## Documentation
|
34 |
|
35 | Head to [**remotion.dev**](https://www.remotion.dev) to learn the in and outs of Remotion!
|
36 |
|
37 | ## License
|
38 |
|
39 | Be aware of that Remotion has a special license and requires obtaining a company license in some cases. Read the [LICENSE](LICENSE.md) documentation for more information.
|
40 |
|
41 | ## Contributing
|
42 |
|
43 | Please read [CONTRIBUTING.md](CONTRIBUTING.md) to learn about contributing to this project.
|