design-infraReport a problem or share feedback← Catalog
Bloom Menu
freebeui/bloom-menu
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
$
npx shadcn@latest add @beui/bloom-menunpm deps: clsx, lucide-react, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- block
- Categories
- navigation
- Use as
- drop-in — replaces your component
- Applies to
- navigation
- Motion
- on state, enter · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, blocks
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- App shelloc/app-shellProduct app frame on the shadcn sidebar: brand header, grouped nav with badges, user dropdown, icon-collapse (Cmd/Ctrl+B) and mobile sheet; header bar with breadcrumbs + action slot; content slot.
- Navbaroc/navbarSticky marketing navbar: brand, centred links, ghost + primary actions; collapses into a right-side sheet menu below md.
- Bubble Menureact-bits/bubble-menuFloating circular expanding menu with staggered item reveal.