Astra

Flowing Menu

A full-height menu with a liquid band that glides between rows and reveals a scrolling marquee of each item.

Flowing Menu, a Astra component

Use Flowing 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/FlowingMenu-TS-TW
How to install Astra components

Related components

  • Animated List

    A scrolling list whose rows spring into view, with a gliding selection and arrow keys.

  • Bubble Menu

    Floating circular expanding menu with staggered item reveal.

  • Staggered Menu

    Menu with staggered item animations and smooth transitions on open/close.