Skip to main content

<Still>

A <Still /> is a single-frame <Composition />. It is a convenient way to define a composition that renders an image rather than a video.

Example

The <Still /> component has the same API as the <Composition /> component, except that it's not necessary to pass durationInFrames and fps.

tsx
import { Composition, Still } from"remotion";
import { MyComp } from"./MyComp";
exportconstMyVideo= () => {
return (
 <>
 <Composition
id="my-video"
component={MyComp}
width={1080}
height={1080}
fps={30}
durationInFrames={3*30}
 />
 <Stillid="my-image"component={MyComp} width={1080} height={1080} />
 </>
 );
};

See also

Example
See also