Skip to main content

<Still />

A <Still /> is a <Composition /> that is only 1 frame long. It is a convienience component for defining a composition that is meant to be rendered an image rather than a video.

Example​

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

tsx
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} />
    </>
  );
};
tsx
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} />
    </>
  );
};

See also​