Material Ripple Effect
A ripple emanates from the click point, like Material Design buttons.
Adjust the preview
Every choice updates the preview and the wording below.
Target
Ripple Color
Speed
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a Material Design ripple effect on button elements. The ripple white semi-transparent emanates from the exact click point with medium 500ms expansion speed. Use a pseudo-element or injected span with CSS scale transform and opacity fade. The ripple should feel responsive and satisfying.
Paste it into Claude, Cursor, or v0 along with the context for your project.