Flying Button

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

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

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.