Bubble Menu
Floating circular expanding menu with staggered item reveal.
Use Bubble Menu 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/BubbleMenu-TS-TWRelated components
- Staggered Menu
Menu with staggered item animations and smooth transitions on open/close.
- Flowing Menu
A full-height menu with a liquid band that glides between rows and reveals a scrolling marquee of each item.
- Circular Carousel
A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.