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.

src/Root.tsx
import {Composition, Still} from 'remotion';
import {MyComp} from './MyComp';

export const RemotionRoot = () => {
  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} />
    </>
  );
};

Compatibility​

BrowsersServersEnvironments
Chrome
Firefox
Safari
Node.js
Bun
Serverless Functions

See also​