design-infraReport a problem or share feedback← Catalog
Navbar
curatedtheme-awarefreeoc/navbar
Sticky marketing navbar: brand, centred links, ghost + primary actions; collapses into a right-side sheet menu below md.
$
npx shadcn@latest add @design-infra/navbarnpm deps: lucide-react
- Source
- oc
- Kind
- block
- Categories
- navigation
- Use as
- drop-in — replaces your component
- Applies to
- navigation
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz
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.
- Footer · Columnsoc/footer-columnsSite footer: brand + blurb, 2-5 link columns, bottom bar with copyright, legal links and social icons.
- Toolbar Dynamicmotion-primitives/toolbar-dynamicToolbar that expands into a search/input panel. Hard-codes zinc/white — swap to bg-popover/border/text-muted-foreground before using.