Buttons

Plane tilt send button

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

Hover to tip the plane up, click or press Space to send it.

Using Plane tilt send button

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

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, sentLabel, accent, tilt, resetDelay

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.

2525Looping flight send buttonButtonsA 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.

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.

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.

2478Launching send buttonButtonsA send button whose paper plane banks upward and flies off the right edge on hover while the word dissolves, then re-enters from the left after a click commits the flight.

2701Plane straighten sendButtonsA send button built as a bordered shell around an inset pill, where a tilted paper plane rotates level and the label steps forward on hover.