Navbar

6 variants

Responsive navbar editions with full-width mega menus, morphing menus, an expanding pill, and compact mobile navigation.

Pill navigation

navbar-pill-groups.tsx

A centered navigation pill and separate account actions, with a contained morphing dropdown and mobile accordions.

Built around your ideas

A little more room to make things happen.

Bring your team and your best work into the same space.

Install

$ bunx --bun shadcn add @beui-pro/navbar-pill-groups

Full-width mega menu

navbar-mega-menu.tsx

A hover-activated full-width dropdown with grouped links, a featured resource, and responsive click and keyboard navigation.

Space for your next idea

Good work starts with a clear view.

Bring your people, projects, and possibilities together.

Install

$ bunx --bun shadcn add @beui-pro/navbar-mega-menu

Morphing navbar

navbar-morph.tsx

A centered nav whose dropdown is one shared-layout panel that slides and resizes between triggers, plus a hamburger-to-sheet mobile morph.

Install

$ bunx --bun shadcn add @beui-pro/navbar-morph

Feature morph

navbar-feature-morph.tsx

A fixed-width centered pill with hover-open dropdown triggers that spring downward into a 2×2 feature panel without shifting the surrounding page layout.

Install

$ bunx --bun shadcn add @beui-pro/navbar-feature-morph

Expanding pill

navbar-expand.tsx

A floating navbar whose width expands continuously with scroll, with a shared-layout hover and active pill plus a rounded overlay mobile menu.

Scroll to expand the navigation

Product overview
Agent workspace
Usage controls
Team activity
API access
Security

Install

$ bunx --bun shadcn add @beui-pro/navbar-expand

Simple header

navbar-simple.tsx

A restrained full-width header that moves from transparent to lightly blurred on scroll, with simple links and a non-shifting overlay mobile menu.

Product workspace

A simple header that stays out of the way.

Scroll this preview to see the transparent navigation settle into a lightly blurred surface.

Overview
Activity
Members
Automations
Reports
Settings

Install

$ bunx --bun shadcn add @beui-pro/navbar-simple