Karaoke Captions
Active-word caption styling for social clips.
PrimitiveData & mediaAdvanced
karaoke-captions30fps · 960×540
Install
$ npx remotion-ui@latest add karaoke-captionsCaption primitive for active-word scale or underline emphasis.
Use with caption-utils groupCaptionsIntoPages().
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
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. |