Buttons

Pulsing play orb

A round play button that throws a ring of light outward on a steady beat, swells under the pointer and slows its pulse once paused.

Paused

Using Pulsing play orb

A round play button that throws a ring of light outward on a steady beat, swells under the pointer and slows its pulse once paused.

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: accent, accentDeep, size, pulseSeconds, playing

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2470Breathing transport toggleButtonsA tinted playback chip that swaps between play and pause on click, its glyph breathing while the pointer rests on it.

2686Heartbeat like buttonButtonsA round like button whose heart grows on hover with a steady beat; clicking latches it liked and ticks the count beside it.

1648Pulse halo buttonButtonsA solid button that keeps emitting a soft halo of its own color, either breathing in place or throwing off expanding rings on a loop.

2670Quick menu orbButtonsA round accent trigger whose glyph folds into a close mark while a small titled menu of icon rows scales up beneath it.

2494Record toggle pulseButtonsA near-black pill with an accent microphone that toggles recording, breathing in time while armed and counting elapsed time in place of the label.

2466Add Then Confirm ChipButtonsA dark chip with a warm label whose plus rocks side to side on hover, then rotates into a tick and reports the item added.