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.

Animate headline with multicolors.