End Card
The outro, built in the order a viewer acts on it.
SceneScenes
end-card30fps · 960×540
Install
$ npx remotion-ui@latest add end-cardThe title rises out of its mask, the button assembles and its label rises out of the button, the address types underneath a caret that clears when it completes, the channels list, and a single ring pulses off the button.
cta, url, handles, logoSrc, eyebrow and subtitle are each optional —
omit them and the card ends on what is left.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/end-card- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: title, subtitle, eyebrow, cta, 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 { EndCard } from "@/remotion/scenes/end-card";
<EndCard title="Thanks for watching" cta="Subscribe" url="youtube.com" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | - | Closing headline. |
| subtitle | string | - | Line under the title. |
| eyebrow | string | - | Chip above the title. |
| cta | string | - | Button label. Omit to end on the title alone. |
| url | string | - | Address typed under the button. |
| handles | string[] | - | Handles or channels listed along the foot. |
| logoSrc | string | - | Brand mark image (staticFile or URL). |
| accentColor | string | "#E8B86D" | Button, pulse, and eyebrow colour. |
| theme | "dark" | "light" | "dark" | Surface palette. |
| speed | number | 1 | Animation speed multiplier. |