Navbar
Three responsive navbar editions: a morphing dropdown bar, a scroll-expanding pill, and a restrained full-width header with an overlay mobile menu.
Morphing navbar
navbar-morph.tsxA 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
Expanding pill
navbar-expand.tsxA 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.tsxA 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