Liquid Wave slides your word up through a smooth gradient wash, the colour flowing through the letterforms as they arrive so the whole thing reads as poured rather than placed.
What Liquid Wave is good for
Modern app and product branding
Music and playlist artwork
Clean, colourful social headers
How this animation is built
Deliberately the simplest style in the nature set: a single slideUp keyframe carrying the word through a moving gradient, with no filters at all. That makes it one of the fastest here to render and the safest for long text.
Tips for Liquid Wave
Righteous is fixed — its rounded geometry is what makes the gradient read as liquid rather than striped.
Two-colour gradients read cleaner than full rainbows on this one.
Liquid Wave questions
Why does this render faster than other styles?
It uses no SVG filters. Filtered styles have to composite blurred and displaced copies every frame; this one just moves a gradient, which is nearly free.
Related animation styles
Flaming Text — Flames lick upward from letters standing in white-hot fire
Burning Text — Charred letters engulfed in a roaring inferno of tall flames
Blue Fire — Ghostly blue flames rising off cool glowing letters
Smoke Wisp — Pale ghost letters that waver and drift apart like smoke
Molten Rune — Stone-carved letters flooding with molten gold as embers rise
Abyss Caustics — Underwater light ripples over pale type as bubbles rise