Signals
Karaoke Captions
Active-word caption styling for social clips.
PrimitivesignalsAdvanced
Install
npx remotion-ui@latest add karaoke-captionsCaption primitive for active-word scale or underline emphasis.
Live preview
Use with caption-utils groupCaptionsIntoPages().
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add karaoke-captionsImport after install
@/remotion/primitives/karaoke-captions- Use when: captioned videos, social clips, and synced text scenes.
- Customize: page, mode, 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 { KaraokeCaptions } from "@/remotion/primitives/karaoke-captions";
<KaraokeCaptions page={page} mode="scale" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| page* | TikTokPage | — | Caption page from @remotion/captions. |
| mode | "scale" | "underline" | "scale" | Active word emphasis style. |
| fontSize | number | 56 | Caption size in px. |