Buttons

Looping flight send button

A card-like send button that lifts off its shadow on hover while its paper plane loops up and away and returns, and squashes flat when clicked.

Hover or tab to a button and the plane lifts off with the card, loops, and glides back. Press to squash it flat.

Using Looping flight send button

A card-like send button that lifts off its shadow on hover while its paper plane loops up and away and returns, and squashes flat when clicked.

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, lift, loopSeconds, arcHeight

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

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

2606Ghost echo lift buttonButtonsA pill that lifts on hover while a ghost copy of itself swells outward behind it and dissolves.

2716Icon badge sendButtonsA rounded send button whose glyph sits in a translucent circular badge that brightens and turns while the whole button lifts on hover and settles on press.

2545Plane tilt send buttonButtonsA dished send control whose paper plane tips up on hover and flies out of frame on click before the label resets.

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.

2579Breathing Inset ButtonButtonsA pale moulded button whose inner panel pulls away from the rim on hover while the send glyph slides a short distance toward the label.