Liquid Logo · Liquid effect made for logos.
Meet Liquid Logo, a fluid hover effect made for logos. 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.
Use it for hero sections, brand reveals, loading moments, hover states, or anywhere you want a static logo to feel more alive.
Image and SVG support
Animation controls (distortion, interaction radius, decay)
Optional & customizable chromatic color blending
Optional & customizable idle motion when the cursor is inactive
Performance-aware behavior when offscreen or tabbed away
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works here.
Meet Liquid Logo, a fluid hover effect made for logos. 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.
Use it for hero sections, brand reveals, loading moments, hover states, or anywhere you want a static logo to feel more alive.
Image and SVG support
Animation controls (distortion, interaction radius, decay)
Optional & customizable chromatic color blending
Optional & customizable idle motion when the cursor is inactive
Performance-aware behavior when offscreen or tabbed away
If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com
Find my works here.
