Animation

TEXT

Source Code & Description

TEXT_02.tsxtsx

GSAP SplitText Stagger from End

A dynamic text animation using the SplitText plugin from GSAP. This animation splits text into individual letters and reveals them with a stagger effect starting from the end, creating a reverse-cascade reveal from right to left.

Key Features

  • Letters animate from the last character to the first
  • Creates a unique reverse-flow effect
  • Ideal for unconventional, attention-grabbing reveals
  • Smooth easing functions for natural movement

Usage Tips

  • Adjust the stagger property to control timing: stagger: { from: "end", amount: 0.5 }
  • Modify the duration to speed up or slow down the animation
  • Great for RTL-style animations or creative layouts