Skip to main content

Composition

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

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