Compositions
Intro
5-second branded intro composition.
Compositionreels
Install
npx remotion-ui@latest add introRegisters a <Composition> in your Root.tsx automatically.
Live preview
Full intro sequence with staggered title, subtitle, and progress bar.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add introImport after install
@/compositions/intro- Use when: complete video templates that can be customized as source.
- Customize: title, subtitle, 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 { Intro } from "@/remotion/compositions/intro";
<Intro title="My Product" subtitle="Launch video" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "RemotionUI" | Main title. |
| subtitle | string | — | Tagline under the title. |