Captioned Social Video
Vertical captioned clip with hook text, synced captions, audio visuals, and CTA.
Install
$ npx remotion-ui@latest add --recipe captioned-social-videoRender
$ npx remotion render src/Root.tsx SocialClip out/social-clip.mp4Social clip showcase
Showcase MP4 not generated yet.
Open live preview →Generate with pnpm render:showcases.
Usage notes
- Use
SocialClipfor the full 9:16 composition. - Use
CaptionSceneplusCaptionHighlightwhen composing a custom clip manually. - Generate or import Remotion
Caption[]data before wiring synced captions. - Import installed components from local source paths, not from
remotion-ui.
Agent notes
- Prefer this recipe when the user asks for a vertical social clip with captions.
- Ask for or generate caption data before wiring synced captions.
Typical imports
Imports
import { SocialClip } from "@/compositions/social-clip";
import { CaptionScene } from "@/remotion/scenes/caption-scene";
import { CaptionHighlight } from "@/remotion/primitives/caption-highlight";