Feedback

Click ripple burst

A pointer-feedback effect that spawns a brief animated shape exactly where the user clicks or taps.

Click or tap anywhereEach release spawns one effect at the pointer

Using Click ripple burst

A pointer-feedback effect that spawns a brief animated shape exactly where the user clicks or taps.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: variant, color, size, duration

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2122Click spark burstFeedbackEvery press throws a ring of short lines out from the exact point of contact, each one stretching away and shrinking to nothing as it flies.

2151Expanding ring loaderFeedbackThin rings that grow out of a single point and fade as they widen, released one after another so the pulse never stops.

1645Press ripple buttonButtonsA solid button that spawns a circle of light at the exact point you press, expanding past the edges and fading as you release.

1546Toast stackFeedbackA corner notification stack where older toasts tuck behind the newest, pointing at it fans them into a list, and each one drains a hairline before it leaves.

2117Breathing dot loaderFeedbackDots that stay put and breathe instead of moving, swelling and dimming in turn so the row reads as a slow heartbeat.

2129Content Loading CardFeedbackA card-shaped placeholder that breathes with a slow opacity pulse while a large image block and two lines of text are still loading.