SplitText Reveals

Char, word and line reveals with masks, plus skew driven by scroll velocity.

★ showcaseGSAPSplitTextScrollTrigger

SplitText with mask: "lines" and autoSplit re-splits on resize/font load. Skew uses ScrollTrigger.getVelocity() fed through gsap.quickTo.

quickTo reuses one tween instead of creating a new tween every scroll event.

SplitText adds aria-label to the parent and aria-hidden to the pieces, so screen readers get the sentence once.

Playgroundscroll

Lenis lerp0.10

Scrub smoothing0.00 s

ScrollTrigger markers

Split by

Export

{
  "lerp": 0.1,
  "scrub": 0,
  "markers": false,
  "split": "lines"
}