Ripple touch · Pond

Rings spreading from the pointer as if it touched water: the composite bends through each crest, the crests catch a light, the rings fade with distance.

Open in studio

Settings

What this style sets on Ripple touch. Highlighted values differ from the default.

Reach1
Rings0.6
Strength1.4
Speed0.7
Sheen1

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Ripple touch styles