Text scenes

Blur Focus List — editable Remotion component

A transparent split typography scene with a fixed lead-in and a sequential list moving between soft blur and crisp focus.

Component details

Version
0.2.0
License
MIT
Duration
5.0 seconds
Dimensions
1920 × 1080

Prerequisite: Create a Remotion project

Agent Motion installs components into an existing Remotion project. If you are starting fresh, create the standard project structure first:

npx @agent-motion/cli create my-remotion-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 blur-focus-list@0.2.0

Agent guidance

  • Use short parallel words or phrases so the fixed lead-in reads naturally with every focused item.
  • Choose minimal for monochrome launches, editorial for warm brand storytelling, and neon for developer or AI visuals.
  • Import calculateBlurFocusListDuration to derive one complete pass from item count and pace.
  • The first item is crisp at frame zero; the component owns only the internal focus handoff, not the scene transition.
  • Set loop to true for ambient repeating sequences and leave it false when the final item should remain focused.
  • Leave x, y, width, and height unset for centered eighty-percent sizing.
  • The component has no background surface; place it over a scene and choose a preset with suitable text contrast.

Related Remotion components