01 · About
Each headline is split into characters so motion reads as kinetic type instead of sliding whole blocks.
Each headline is split into characters so motion reads as kinetic type instead of sliding whole blocks.
Scrub-linked ScrollTrigger keeps timing tied to scroll position — ideal for long-form narratives and belief statements on landing pages.
02 · Metadata
03 · Technical notes
Implementation
Uses GSAP timelines with staggered y transforms on per-character spans, ScrollTrigger pinning, and invalidateOnRefresh for nested scroll previews.
When prefers-reduced-motion is set, copy stacks as readable static lines with no pinning.
Replace `/public/animations/scroll-mission-text/preview.mp4` when you capture a branded recording — current file is a temporary placeholder.
04 · Use cases
Mission and vision beats
Phrases that deserve time in the spotlight as the user commits scroll.Case study openers
Hand off from hero into story with tactile type motion.