React Bits

Staggered Menu

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

Staggered Menu, a React Bits 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 React Bits 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.