Framework-agnostic, customizable, high-performance ripple interaction.
Default behavior with pointer + keyboard, and motion awareness.
Center origin with a negative size offset for a tighter ring.
Heavy blur plus extra size to keep the glow from clipping.
Center origin with a blurred ripple that expands smoothly.
Large sizeOffset pushes the circle far beyond the container.
Longer duration and custom data attributes on each span.
Custom cubic-bezier easing makes the ripple feel snappier.
No border radius gives a crisp, squared ripple edge.
Bold red ink for contrast while keeping the same behavior.
Light surface with darker ripple for a softer contrast.
This one gets rendered as an anchor element and is linked to the demo page code in GitHub.