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.
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.
