Bring your typography to life with Liquid Text.
It responds to mouse and touch gestures, rippling, bending, and refracting colors like a liquid surface.
Built with WebGL for performance, the effect feels responsive and lightweight while remaining crisp at any size. Liquid Text also includes optional idle motion, allowing the surface to gently move even when the user isn’t interacting, making it ideal for eye-catching heros, headlines, and footers.
Title & font controls
Animation controls (distortion, interaction radius, decay)
Optional & customizable chromatic color blending
Optional & customizable idle motion when the cursor is inactive
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works here.
Bring your typography to life with Liquid Text.
It responds to mouse and touch gestures, rippling, bending, and refracting colors like a liquid surface.
Built with WebGL for performance, the effect feels responsive and lightweight while remaining crisp at any size. Liquid Text also includes optional idle motion, allowing the surface to gently move even when the user isn’t interacting, making it ideal for eye-catching heros, headlines, and footers.
Title & font controls
Animation controls (distortion, interaction radius, decay)
Optional & customizable chromatic color blending
Optional & customizable idle motion when the cursor is inactive
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works here.
