About this Component
Water Ripple Flow transforms static images into fluid, organic visuals that react to user interaction. Inspired by liquid surfaces and flowing motion, the effect continuously distorts your image while responding to hover and click events, creating a dynamic and immersive experience.
Perfect for hero sections, portfolios, creative showcases, landing pages, and experimental interfaces where motion becomes part of the visual identity.
How to use
Drop the component onto your page and upload an image from the properties panel. Customize the distortion intensity, interaction strength, animation speed, and wave frequency to create anything from subtle movement to dramatic liquid-like transformations.
Features
Transform any image into an interactive liquid distortion effect
Upload custom images directly from the properties panel
Adjustable distortion intensity
Independent hover interaction strength controls
Independent click interaction strength controls
Customize animation speed and fluid motion behavior
Adjustable wave frequency for different visual styles
Real-time interaction that responds to user input
Perfect for hero sections, portfolios, and creative projects
Lightweight implementation optimized for smooth performance
