Buttons

Perimeter spark button

A dark pill with a single bright spark orbiting just inside its edge, hidden behind an inset core so only the rim ever catches the light.

Using Perimeter spark button

A dark pill with a single bright spark orbiting just inside its edge, hidden behind an inset core so only the rim ever catches the light.

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, accent, orbitMs, radius, sparkWidth

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

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.

2708Bevel press pillButtonsA dark bevelled pill with a recessed round chip on its end that sinks into the surface when pressed.

2641Border brighten buttonButtonsA dark button whose two pixel frame is the only moving part: it climbs to white on hover and collapses into a tight inner ring while the button is held.

2658Bouncing dot action buttonButtonsA dark accent-toned button with a small dot parked by its right edge that hops while the block brightens and casts a soft glow on hover or keyboard focus.

2710Bouncing download buttonButtonsA compact dark download chip that bounces gently on its own to draw the eye, goes still the moment a pointer or keyboard focus reaches it, and swaps its arrow with a dip when pressed.

2712Dark Pill Sign InButtonsA bordered dark pill for third party sign in that deepens toward black on hover while its label recedes and its border tightens.