Astra

Flying Button

Button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.

Flying Button, a Astra component

Use Flying Button in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/FlyingButton-TS-TW
How to install Astra components

Related components

  • Dodge Field

    Wrapper that makes any child dodge the pointer until it relents and glides home.

  • Folder Float

    Folder whose notes spring out into a floating cloud when it opens on hover or press.

  • Glide Select

    Select chip whose menu pops from its corner and whose highlight glides between rows.