Scenes
Quote Card
Quote with animated word highlight and attribution.
Sceneblocks
Install
npx remotion-ui@latest add quote-cardCombines word-highlight and fade-in for testimonial-style scenes.
Live preview
Installs `word-highlight`.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add quote-cardImport after install
@/remotion/scenes/quote-card- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: quote, highlightWord, author, 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 { QuoteCard } from "@/remotion/scenes/quote-card";
<QuoteCard
quote="The best way to ship motion graphics"
highlightWord="motion"
author="— Team"
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| quote* | string | — | Quote body. |
| highlightWord* | string | — | Word to highlight. |
| author* | string | — | Attribution line. |