packages/docs/docs/still.mdx
A <Still /> is a single-frame <Composition />. It is a convenient way to define a composition that renders an image rather than a video.
The <Still /> component has the same API as the <Composition /> component, except that it's not necessary to pass durationInFrames and fps.
// @allowUmdGlobalAccess
// @filename: ./MyComp.tsx
export const MyComp = () => <></>;
// @filename: index.tsx
// ---cut---
import {Composition, Still} from 'remotion';
import {MyComp} from './MyComp';
export const MyVideo = () => {
return (
<>
<Composition id="my-video" component={MyComp} width={1080} height={1080} fps={30} durationInFrames={3 * 30} />
<Still id="my-image" component={MyComp} width={1080} height={1080} />
</>
);
};