Buttons

Launch orbit button

A pill that breathes a ring outward on a loop, scatters its dust motes on hover, and sends a small craft looping across the label.

Using Launch orbit button

A pill that breathes a ring outward on a loop, scatters its dust motes on hover, and sends a small craft looping across the label.

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, label, dotCount, pulse, flightMs

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

2602Breathing CTA pillButtonsA round-ended call to action that swells on hover and settles into a slow breathing pulse of scale and brightness until the pointer leaves or the button is pressed.

2640Arrow chip buttonButtonsA rounded action button with a glowing arrow chip docked in its right end that lifts off the page on hover with a hard offset shadow and sinks on press.

1629Arrow wipe call to actionButtonsA call to action whose darker plate wipes in from the left on hover while a tucked arrow slides out to meet the label, and pushes down a pixel when clicked.

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

1825Deep Slab ButtonButtonsA tall slab that floats above the page on a long diagonal shadow and sinks onto it when hovered, then slams flat on click.

1858Flying send buttonButtonsA send button whose paper-plane glyph tilts, bobs and flies across the face while the label slides away behind it.