GSAP Particle Text (Divi)

A headline drawn in particles on a canvas, animated with GSAP from Moduly. The real headline stays on the page for search engines and screen readers, and shows as ordinary text without JavaScript. With reduced motion the particles are still.

1. Gradient, gather from scattered

Particles gather as the section scrolls into view and push away from the pointer.

2. Mixed colours, fall into place

Square particles in three colours fall into the letters (and scatter again when you scroll back up), then follow the pointer.

3. One colour, left aligned

Already in place; a strong push and a slow spring back.

4. More ways to arrive

Start on page load or in view, from the middle out, from both sides, left to right or in random order, with expo, elastic, overshoot or linear easing — then let the particles drift gently while they wait.

Caption under a number · starts on page load · from the middle out · expo easing

One colour with a green accent · random order · linear · idle drift

From both sides in · elastic · gentle drift

Left to right · overshoot · reduced motion shows plain text