← Back to catalog📄 Implementation guide
Motion / Interaction

Ripple Effect

Creates expanding circular waves after clicks or taps.

Familiar, clean, app-like

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Buttons, mobile UI, material design

Material · state layers

Touch that
ripples back.

Pulse answers every tap with a wave that grows from the exact point your finger lands — the calm, tactile feedback that Material interfaces are built on. Press anything below.

Buttons

Filter chips

Maya Bennett
Good morningMaya Bennett

Recent activity

Technique: a JS-spawned circle at the pointer coords, scaled to the far corner & faded via a CSS keyframe, clipped by overflow:hidden