A Three Fiber Starter Template with React and Remotion

template-three

This is a lightweight boilerplate for Remotion with React Three Fiber and @remotion/three preinstalled.

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

Start Preview

npm start

Render MP4 video

npm run build

Upgrade Remotion

npm run upgrade