Staggered Line Reveal

Lines slide upward through clipped masks with a staggered reveal for titles, feature statements, and chapter cards. Reuse the React component and its duration and stagger controls. It uses Framer Motion and viewport-triggered playback; add browser recording or replace the trigger with frame-based timing for video rendering.

What you’re reusing

An individual shot or motion implementation. Adapt it to your scene and timeline.

A good starting point for

Type & captions ↗

Use-case recommendations are editorial assessments.

Make it your own

Inspect the actual source.
Open the linked artifact and its project instructions. Check the required runtime, inputs, and upstream terms.
Adapt the content and visual direction.
Use the replacement notes above. Bring your own copy, data, assets, and branding; match the timing to your story.
Preview, render, and review.
Follow the upstream render workflow. Check framing, typography, audio, and output before publishing.