Text scenes

Animated Captions — editable Remotion component

Frame-synchronized captions using Remotion caption objects with karaoke, boxed, and minimal word-highlighting presets.

Component details

Version
0.1.0
License
MIT
Duration
3.0 seconds
Dimensions
1080 × 1920

Prerequisite: Create a Remotion project

Agent Motion installs components into an existing Remotion project. If you are starting fresh, create a blank project first:

npx create-video --yes --blank my-video

Add editable source

Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.

npx @agent-motion/cli add animated-captions@0.1.0

Agent guidance

  • Pass standard Remotion Caption objects in chronological order and preserve leading spaces when importing tokenized transcript data.
  • Use karaoke for social video, boxed for strong contrast over footage, and minimal for restrained editorial work.
  • Import calculateAnimatedCaptionsDuration to derive the scene duration from the last caption end time.
  • Keep three to six short words visible at once and choose textColor for sufficient contrast with the underlying footage.
  • Animated Captions is a transparent overlay and should be layered above the associated video or visual scene.

Related Remotion components