Navbar

Four responsive navbar editions: feature-panel and dropdown morphs, a scroll-expanding pill, and a restrained full-width header with an overlay mobile 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.

beUI

Install

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

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/

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/

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/