Chapter 155: <Still>

Core Idea

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

Key Concepts

• Example
• Compatibility
• See also

Code Examples

// @allowUmdGlobalAccess
// @filename: ./MyComp.tsx
export const MyComp = () => <></>;

// @filename: index.tsx

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

• What it demonstrates: Usage pattern for <Still> from the official docs.

Key Takeaways

1. Understand example when working with <Still>.
2. Understand compatibility when working with <Still>.
3. Understand see also when working with <Still>.

Connects To

• Chromium Flags: related page in the Rendering & SSR section.
• Compare ssr: related page in the Rendering & SSR section.
• Dataset Render: related page in the Rendering & SSR section.