Composition

A composition is something you can render. It consists of:

1

a React component

2

the canvas width and height

3

a "frames per second" (FPS) value

4

a duration value

5

an identifier id

It can be registered in the Remotion Studio by rendering a <Composition> component.
A composition with a duration of 1 frame is also called a <Still>.

In the Remotion Player, you don't use the <Composition> component, rather you pass the component and metadata directly to the <Player>.

Not to be confused with <Sequence>.

Composition ID

The string that you pass as the id prop to the <Composition> component.
You need the composition ID to reference what you would like to render, for example: npx remotion render src/index <composition-id>.

See

• Defining compositions