Scenes
Media Sequence
Timed media slideshow with transitions.
SceneblocksAdvanced
Install
npx remotion-ui@latest add media-sequenceSequence multiple media items with consistent framing and fade transitions.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add media-sequenceImport after install
@/remotion/scenes/media-sequence- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: items, defaultDurationInFrames, transitionDurationInFrames, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
import { MediaSequence } from "@/remotion/scenes/media-sequence";
<MediaSequence items={[{ src: staticFile("one.png"), title: "Hook" }]} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | MediaItem[] | — | Timed media items. |
| defaultDurationInFrames | number | 90 | Fallback item duration. |
| transitionDurationInFrames | number | 12 | Fade overlap. |