Starting the Studio

Using the Remotion Studio, you can preview your video, and if a server is connected, even render the video.

Prerequisites

The Remotion CLI is required for this guide.
Most templates have it out of the box, but you can install it by running the following command in your terminal:

npm

npm i @remotion/cli

pnpm

pnpm i @remotion/cli

yarn

yarn add @remotion/cli

bun

bun i @remotion/cli

Launching the Studio

You can start the Remotion Studio by running the following command in your terminal:

Regular templates

npm start

Next.js and React Router 7 templates

npm run remotion

This is a shorthand for the studio command of the Remotion CLI:

npx remotion studio

See the available options here.

A server will be started on port 3000 (or a higher port if it isn't available) and the Remotion Studio should open in the browser.

Browse Elements

Browse Elements includes the first-party Remotion Elements. You can add third-party Element Libraries to the library selector for more options.

Adding an Element Library makes it available to browse. Installing an individual Element's source code remains a separate, confirmed action.