Scenes
B-Roll Stack
Layered media cards for creator explainers.
Sceneblocks
Install
npx remotion-ui@latest add b-roll-stackLayer supporting visuals without hand-positioning every card.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add b-roll-stackImport after install
@/remotion/scenes/b-roll-stack- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: items, title, 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 { BRollStack } from "@/remotion/scenes/b-roll-stack";
<BRollStack items={[{ src: staticFile("shot.png"), title: "Proof" }]} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | { src: string; title?: string }[] | — | Media cards to layer. |
| title | string | — | Scene headline. |