Showcase
Full demo reel chaining scenes with TransitionSeries fades.
CompositionCompositions
showcase30fps · 960×540
Install
$ npx remotion-ui@latest add showcaseChains title-card → feature-list → stat-card → end-card with fade transitions. Adds a Showcase composition to your Root.tsx on install.
Demo reel using TransitionSeries across multiple scenes.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/compositions/showcase- Use when: complete video templates that can be customized as source.
- Customize: title, subtitle, statValue, statLabel, 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
Example
import { Showcase } from "@/remotion/compositions/showcase";
<Showcase title="Product story" subtitle="Install source, compose scenes, render on your timeline" statValue={3} statLabel="Runtime dependencies" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Opening title. |
| subtitle | string | - | Opening subtitle. |
| statValue | number | 3 | Counter value for the stat scene. |
| statLabel | string | "Runtime dependencies" | Stat card label. |