Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remotion-dev/template-three
⚛️ 🎥 3️⃣ A minimal boilerplate for Remotion + React Three Fiber
https://github.com/remotion-dev/template-three
fiber react remotion three
Last synced: 8 days ago
JSON representation
⚛️ 🎥 3️⃣ A minimal boilerplate for Remotion + React Three Fiber
- Host: GitHub
- URL: https://github.com/remotion-dev/template-three
- Owner: remotion-dev
- License: mit
- Created: 2021-06-01T20:49:54.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T16:47:03.000Z (9 days ago)
- Last Synced: 2024-11-07T17:42:07.951Z (9 days ago)
- Topics: fiber, react, remotion, three
- Language: TypeScript
- Homepage: https://www.remotion.dev/templates/three
- Size: 13.6 MB
- Stars: 70
- Watchers: 5
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Remotion + React Three Fiber Starter Template
[This is a template repository, click "Use this template" to create a repository based off this template!](https://github.com/JonnyBurger/remotion-template-three/generate)
This is a lightweight boilerplate for [Remotion](https://github.com/jonnyburger/remotion) with [React Three Fiber](https://github.com/pmndrs/react-three-fiber) and [@remotion/three](http://remotion.dev/docs/three) preinstalled.
- [Remotion documentation](https://remotion.dev)
- [React Three Fiber documentation](https://docs.pmnd.rs/react-three-fiber)
- [@remotion/three documentation](http://remotion.dev/docs/three)
This example features a phone with a screen. You can easily switch out the video and change a series of parameters, like size, color, aspect ratio, corner radius etc. of the phone.
You can also simply delete everything inside the canvas to start off with your own 3D project.
## Commands
**Install Dependencies**
```console
npm install
```
**Start Preview**
```console
npm run dev
```
**Render MP4 video**
```console
npx remotion render
```
**Upgrade Remotion**
```console
npx remotion upgrade
```
## Docs
Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
## Help
We provide help on our [Discord server](https://discord.gg/6VzzNDwUwV).
## Issues
Found an issue with Remotion? [File an issue here](https://github.com/JonnyBurger/remotion/issues/new).
## License
Note that for some entities a company license is needed. [Read the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md).
The content of this template is licensed under MIT.