# Liquid Ripple Distortion: motion graphics style

> Water ripple text effect: the word lies on the tiled floor of a sunny pool, and the cursor drags a wake through the water that refracts the letters. Clicks drop concentric ripples. Ideal as an interactive, animated website hero title.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: water ripple effect, ripple hover text, water distortion, pool water text, refraction ripple, interactive water, cursor ripples
- Demo built with: WebGL · Energy: Calm · Background: Light bg
- Live demo: https://aimotions.art/styles/liquid-ripple-distortion/
- Spanish version: https://aimotions.art/es/estilos/liquid-ripple-distortion/

## Prompt (replace [TEXT] with your text)

```text
Lay [TEXT] in deep-blue mosaic tiles on the pale aqua tiled floor of a sunny swimming pool, seen straight from above through clear water. A soft network of bright caustic light lines shimmers across the floor, and a gentle swell keeps the letters slowly wavering at rest while a lazy wake drifts across the surface. On hover the pointer drags a strong V-shaped wake through the water; holding still makes small concentric rings. Each press drops a heavy droplet that sends big rings out, bouncing off the pool edges and interfering. The waves refract the floor, bending letters and grout lines, with crisp white sun glints on the crests. Ripples fade within a few seconds so [TEXT] is always readable again. On touch screens the wake follows the finger.
```

## Visual DNA

- Word laid in deep-blue mosaic tiles on a pale aqua pool floor
- Real wave simulation: wakes, rings, interference and reflections off the edges
- Refraction bends the letters and grout lines under every ripple
- Shimmering caustic light network and sharp sun glints on wave crests
- Gentle ambient swell at rest; strong wake and splashes on hover and press

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: Liquid Ripple Distortion, aimotions, https://aimotions.art/styles/liquid-ripple-distortion/