SplitText is a simple GSAP utility add-on that allows you to animate letters, words, or lines in a staggered fashion, one by one. It's straightforward to use.
Using this feature is just a matter of enabling the SplitText property in your animation. What it does is that it wraps each character, word, or line in a div.
You can optionally specify a class to be added to each wrapped element. They can be incremented (like word1, word2, word3, ...) by simply appending ++ to your class (like word++).
Now you have your text split into parts, and you can start adding other properties to create your text animation.
At this time, everything would animate at the same time, even if the text is split.
To animate them one by one, you just need to add Stagger to the mix.
Any visual properties (like translate, opacity, etc.) added to this animation will happen on every character one by one every 5ms.