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: 15 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 (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-27T08:23:08.000Z (2 months ago)
• Last Synced: 2024-04-27T09:35:36.405Z (2 months ago)
• Topics: fiber, react, remotion, three
• Language: TypeScript
• Homepage: https://www.remotion.dev/templates/three
• Size: 13.6 MB
• Stars: 63
• Watchers: 5
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• my-awesome-stars - remotion-dev/template-three - ⚛️ 🎥 3️⃣ A minimal boilerplate for Remotion + React Three Fiber (TypeScript)

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 start

```

**Render MP4 video**

```console

npm run build

```

**Upgrade Remotion**

```console

npm run 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.