Fieldbook
Sign in

Buttons

Send flyaway bezel

A chunky bezelled send button where the paper plane bobs, then flies off the right edge on hover or keyboard focus while the label chases after it.

Using Send flyaway bezel

A chunky bezelled send button where the paper plane bobs, then flies off the right edge on hover or keyboard focus while the label chases after it.

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, width, flyMs, bobbing

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

Inner Rim Send Button
2629Inner Rim Send ButtonButtonsA send button lit from inside by a soft rim of light hugging its inner edge, with a hollow outlined paper plane that takes off along its own diagonal on hover, focus and press.
Launching send button
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.
Nested bezel send button
2529Nested bezel send buttonButtonsThree nested frames make one chunky physical button: an outer bezel, a shaded well and an inner capsule whose glyph spins a full turn plus a quarter on hover.
Plane straighten send
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.
Breathing Inset Button
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.
Capsule in frame button
2583Capsule in frame buttonButtonsA bordered outer tray holding a floating inner capsule that sinks into the frame for the length of a press.