Astra

Staggered Menu

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

Staggered Menu, a Astra component

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

Related components

  • Bubble Menu

    Floating circular expanding menu with staggered item reveal.

  • Flowing Menu

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

  • Card Nav

    A navigation bar that springs open into a row of cards, each with its own links.