Four Simple Text Animations

Vanilla JavaScript (ES6): let, const, functions, events, arrays, and simple animation loops.

1. Three falling words — click a word to stop it

Each word moves down a little every 40 milliseconds. Click any word to stop only that word.

2. Hover to scramble letters — leave to choose a random word

While your mouse is over the word, its letters change randomly. When you leave, a random word from the array remains.

3. Letters follow the mouse like a snake

Move your mouse inside the box. Each letter follows the previous letter with a slight delay.

4. Word clusters scatter on hover, then form new clusters

Move your mouse over the words to scatter them. Move out to bring them back into a new random cluster.