Liquid Wave Effect

Animate headline with multicolors.

Liquid Wave Text is an animated typography component that sends a flowing gradient wave through your letters. Unlike a static gradient, a dynamic multi-color band travels horizontally across the text, giving bold headlines a modern, fluid sense of motion — subtle enough not to overwhelm your layout.

What you can customize:

• Text — set your own headline (multi-line supported)

• Font — full control over size, weight, spacing and line height

• Base Color — the static color of the text

• Wave Colors 1–3 — define the animated gradient wave

• Speed — control how fast the wave travels

• Intensity — adjust the wave's width and visual strength

• Loop — toggle continuous animation on or off

• Align — left, center or right

Built with care: the animation respects reduced-motion preferences, automatically falling back to a solid color for users who prefer less movement. Drop it in, tweak a few controls, and your headline comes alive — no code required.