Quote Card
Quote with animated word highlight and attribution.
SceneScenes
quote-card30fps · 960×540
Install
$ npx remotion-ui@latest add quote-cardCombines marker-highlight and fade-in for testimonial-style scenes.
Installs `marker-highlight`.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
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. |