Scenes
Lower Third
Name and subtitle overlay at the bottom of the frame.
Sceneblocks
Install
npx remotion-ui@latest add lower-thirdInstalls fade-in and slide-left as registry dependencies.
Live preview
Installs `fade-in` and `slide-left` as dependencies.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add lower-thirdImport after install
@/remotion/scenes/lower-third- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: title, subtitle, accentColor, backgroundColor, 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 { LowerThird } from "@/remotion/scenes/lower-third";
<LowerThird
title="Jane Doe"
subtitle="Product Designer"
accentColor="#f97316"
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Primary line. |
| subtitle | string | — | Secondary line. |
| accentColor | string | — | Accent bar color. |
| backgroundColor | string | — | Panel background. |