Liquid Hover
A picture that ripples like water wherever you move.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- strength
- radius
- duration
- wavelength
What it does
Liquid Hover is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called image distortion or ripple image.
Rings spread from the cursor's path and bend the picture as they pass, then fade until it lies still. A tap drops a single ring. The real image stays in the page for screen readers and search, and stays still if WebGL is missing.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.