A text is being split into individual characters which are then animated by GSAP.

To be able to sequence each character, a stagger is applied.

    gsap.to(`.stage#${id} .char`, {
        fontSize: '2rem',
        stagger: 0.1,
        ease: "power2.inOut",
        repeat: -1,
        yoyo: true

The result

Split text animation

This is the first entry of a series of experiments with GSAP which I'd like to expand more.