Buttons

Pulse button

A button that answers a click with a single expanding ring from the pointer position and a short press-down, then settles.

Using Pulse button

A button that answers a click with a single expanding ring from the pointer position and a short press-down, then settles.

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: label, ringColor, duration, rounded

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

1643Pointer Ripple ButtonButtonsA button that plants a circle of light exactly where it was pressed and expands it out past the edges as it fades.

1642Particle burst buttonButtonsA button that throws a short spray of specks up and out of itself on every click, then quietly resets while the label confirms the action landed.

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.

1628Ripple tap buttonButtonsA solid button that sends a circle outward from the exact point you pressed, clipped to its rounded shape.

2314Charge Up Action ButtonButtonsA charcoal pill that lights into a saturated gradient key on hover, lifting off the surface while its mark turns and brightens.

2711Count Sweep CTAButtonsA compact dark call to action with a leading mark, a divider and a live tally, crossed by a slow diagonal light streak on hover.