Signals
Caption Highlight
TikTok-style word-by-word caption highlight.
PrimitivesignalsAdvanced
Install
npx remotion-ui@latest add caption-highlightWord-by-word highlight driven by caption token timestamps.
Live preview
Advanced — installs @remotion/captions.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add caption-highlightImport after install
@/remotion/primitives/caption-highlight- Use when: captioned videos, social clips, and synced text scenes.
- Customize: page, activeColor, inactiveColor, fontSize, 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 { CaptionHighlight } from "@/remotion/primitives/caption-highlight";
<CaptionHighlight page={page} activeColor="#60a5fa" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| page* | TikTokPage | — | Caption page from createTikTokStyleCaptions. |
| activeColor | string | "#60a5fa" | Highlight color for the active word. |
| inactiveColor | string | "#f8fafc" | Color for inactive words. |
| fontSize | number | 48 | Caption font size in pixels. |