# Navbar blocks for shadcn/ui

> 352 navbar blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/navbar
- 352 blocks, 125 free and 227 paid, from 42 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=navbar&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q navbar`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free navbar blocks

All 125 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Navbar 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/navbar-01): A simple navbar block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/navbar-01.json`
- [Topbar 05 - Sidebar Integrated Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-05): Topbar paired with a collapsible sidebar, combining primary navigation, quick actions, notifications, and user controls in a unified workspace layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-05.json`
- [Capsule Nav Header Without A CTA by @7ovr](https://shadcn.exchange/r/7ovr/header-14): Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-14.json`
- [Header 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-3): Centered navigation with shared layout underline rail on hover. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-3.json`
- [Header Two by @navui](https://shadcn.exchange/r/navui/header-two): A responsive marketing header with a bordered shell and animated mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/navui/header-two.json`
- [SaaS Landing by @7ovr](https://shadcn.exchange/r/7ovr/saas-landing): Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CTA. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/saas-landing.json`
- [Header 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-7): Sticky navigation that morphs padding and blur intensity on scroll. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-7.json`
- [SaaS Landing 2 by @7ovr](https://shadcn.exchange/r/7ovr/saas-landing-2): Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comparison, stats, testimonial, pricing, and FAQ. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/saas-landing-2.json`
- [Centered Nav Three Column by @7ovr](https://shadcn.exchange/r/7ovr/header-2): Header with the logo pinned left, navigation links absolutely centered, and sign-in plus a primary CTA right, above a skeleton page-content placeholder. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-2.json`
- [Startup by @7ovr](https://shadcn.exchange/r/7ovr/startup): Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works timeline, testimonial, and waitlist signup. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/startup.json`
- [Navbar 05 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/navbar-05): A simple navbar block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/navbar-05.json`
- [Topbar 02 - Navigation Mega Menu Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-02): Multi level topbar with categorized navigation, quick access links, notifications, and user profile in a clean horizontal layout. Ideal for documentation sites, design systems, developer platforms, and large web applications. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-02.json`
- [Product Dropdown Menu by @7ovr](https://shadcn.exchange/r/7ovr/header-4): Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-4.json`
- [Header 2 by @efferd](https://shadcn.exchange/r/efferd/header-2): Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions. `npx shadcn@latest add https://shadcn.exchange/r/efferd/header-2.json`
- [Header 4 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-4): Minimal split navigation — brand left, links and auth cluster right. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-4.json`
- [Header Three by @navui](https://shadcn.exchange/r/navui/header-three): A payment-product header with grouped navigation menus and a responsive mobile drawer. `npx shadcn@latest add https://shadcn.exchange/r/navui/header-three.json`
- [Navbar 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/navbar-04): A simple navbar block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/navbar-04.json`
- [Topbar 06 - Search Focused Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-06): Clean topbar with a prominent search bar, sidebar toggle, notifications, and profile actions for faster navigation and content discovery. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-06.json`
- [Sticky Header With Sign In by @7ovr](https://shadcn.exchange/r/7ovr/header-3): Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a state-controlled mobile menu sheet for composing into page templates. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-3.json`
- [Header 1 by @efferd](https://shadcn.exchange/r/efferd/header-1): Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links. `npx shadcn@latest add https://shadcn.exchange/r/efferd/header-1.json`
- [Header 9 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-9): Editorial wordmark with slash-separated links and thin baseline rule. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-9.json`
- [Header Four by @navui](https://shadcn.exchange/r/navui/header-four): A responsive header with animated multi-level desktop and mobile navigation menus. `npx shadcn@latest add https://shadcn.exchange/r/navui/header-four.json`
- [Navbar 01 - Minimal Agency Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-01): A clean top navigation bar with logo, page links, and standout CTA button, ideal for agency or SaaS websites to guide users and drive collaboration effortlessly. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/navbar-01.json`
- [Full Width Bar With CTA by @7ovr](https://shadcn.exchange/r/7ovr/header-1): Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-1.json`
- [Header 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-5): Expandable search field with animated width beside utility controls. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-5.json`
- [Topbar 03 - Login Action Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-03): Navigation topbar with primary links, login action, notifications, and user profile for quick access. Ideal for SaaS products, documentation portals, developer tools, and web applications. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-03.json`
- [Header 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-6): Compact Registry and Resources dropdown panels with smooth reveal. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-6.json`
- [Topbar 01 - Simple Navigation Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-01): Clean navigation topbar with brand logo, navigation menu, notifications, language switcher, and user profile. Ideal for admin panels, SaaS platforms, internal tools, and business applications. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-01.json`
- [Header 12 by @nusaiba](https://shadcn.exchange/r/nusaiba/header-12): Sera series — flat monochrome navigation with hairline bottom border, mobile drawer, and sharp-corner CTAs. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/header-12.json`
- [Topbar 04 - Centered Navigation Topbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/topbar-04): Centered navigation topbar with brand logo, quick access links, notifications, and profile actions. Ideal for SaaS products, documentation websites, and modern web applications. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/topbar-04.json`
- [Dashboard header 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/dashboard-header-01): Comprehensive dashboard header with navigation, breadcrumbs, user profile, and language dropdown. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/dashboard-header-01.json`
- [Navbar 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/navbar-5): A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K search and version switching. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/navbar-5.json`
- [Header Simple by @blockforge](https://shadcn.exchange/r/blockforge/header-simple): Sticky-ready navbar: logo, links and two actions. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/header-simple.json`
- [Navbar 6 by @uiable](https://shadcn.exchange/r/uiable/block-navbar-6): Navbar 6 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-navbar-6.json`
- [Header 02 by @hirael](https://shadcn.exchange/r/hirael/header-02): Floating nav that runs full width at the top of the page and shrinks into a blurred pill once you scroll past 100px, with a spring-animated width change. Links share a sliding hover highlight; on mobile a toggle opens an animated dropdown… `npx shadcn@latest add https://shadcn.exchange/r/hirael/header-02.json`
- [Mega menu navbar by @velora](https://shadcn.exchange/r/velora/navbar-mega): Top bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/velora/navbar-mega.json`
- [Navbar component 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/navbar-component-01): A sticky navigation header with centered logo and brand name flanked symmetrically by navigation links on both sides. Features a search icon button and responsive mobile dropdown menu, perfect for balanced logo-centric layouts. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/navbar-component-01.json`
- [Navbar 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/navbar-1): A clean marketing navbar with a sheet menu on mobile. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/navbar-1.json`
- [Navbar 8 by @uiable](https://shadcn.exchange/r/uiable/block-navbar-8): Navbar 8 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-navbar-8.json`
- [Header 03 by @hirael](https://shadcn.exchange/r/hirael/header-03): Sticky marketing header with Product, Solutions and Resources mega menus, each a two-column link list beside a featured entry, plain Pricing and Docs links, and a side sheet with collapsible groups on small screens. `npx shadcn@latest add https://shadcn.exchange/r/hirael/header-03.json`
- [Floating pill navbar by @velora](https://shadcn.exchange/r/velora/navbar-floating): Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/velora/navbar-floating.json`
- [Navbar 2 by @uiable](https://shadcn.exchange/r/uiable/block-navbar-2): Navbar 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-navbar-2.json`
- [Header 01 by @hirael](https://shadcn.exchange/r/hirael/header-01): Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/hirael/header-01.json`
- [Navbar 10 by @uiable](https://shadcn.exchange/r/uiable/block-navbar-10): Navbar 10 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-navbar-10.json`
- [navbar-01 by @intentui](https://shadcn.exchange/r/intentui/navbar-01): navbar-01. `npx shadcn@latest add https://shadcn.exchange/r/intentui/navbar-01.json`
- [Navbar Section 2 by @solaceui](https://shadcn.exchange/r/solaceui/navbar-section-2): Solace UI navbar section block variation 2 (xAI inspired). `npx shadcn@latest add https://shadcn.exchange/r/solaceui/navbar-section-2.json`
- [Header One by @navui](https://shadcn.exchange/r/navui/header-one): A responsive marketing header with animated mobile navigation and account actions. `npx shadcn@latest add https://shadcn.exchange/r/navui/header-one.json`
- [navbar-03 by @intentui](https://shadcn.exchange/r/intentui/navbar-03): navbar-03. `npx shadcn@latest add https://shadcn.exchange/r/intentui/navbar-03.json`
- [Navbar Section 1 by @solaceui](https://shadcn.exchange/r/solaceui/navbar-section-1): Solace UI navbar section block variation 1. `npx shadcn@latest add https://shadcn.exchange/r/solaceui/navbar-section-1.json`
- [Navbar with mobile menu by @balick](https://shadcn.exchange/r/balick/navbar-01): Sticky navigation bar that turns translucent on scroll, with an accessible mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/balick/navbar-01.json`
- [Header 1: sticky with mobile menu by @ballmac](https://shadcn.exchange/r/ballmac/header-1): Sticky site header with brand, main links, sign-in and primary action, and an accessible mobile menu that closes on Escape or link tap. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/header-1.json`
- [Navbar Gooey Bloom by @tween-ui](https://shadcn.exchange/r/tween-ui/navbar-gooey-bloom): A glass navbar whose hover highlight is liquid: a lime pool stretches from link to link with a droplet dragging behind, while the label inverts to ink. Menus swell out of a drop into one gooey panel that leans toward its trigger and morphs… `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/navbar-gooey-bloom.json`
- [Header 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-2.json`
- [Context Menu Peek by @uicapsule](https://shadcn.exchange/r/uicapsule/context-menu-peek): iOS long-press context menu — the bubble lifts, the thread melts into blur, and the menu springs from the press point. `npx shadcn@latest add https://shadcn.exchange/r/uicapsule/context-menu-peek.json`
- [Header 2: mega menu with mobile sheet by @ballmac](https://shadcn.exchange/r/ballmac/header-2): Sticky header with brand, a mega menu of grouped links and a featured card, sign-in and primary actions. On phones the same links open in a slide-in sheet with accordions. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/header-2.json`
- [Navbar Pill Glide by @tween-ui](https://shadcn.exchange/r/tween-ui/navbar-pill-glide): A navbar with its links in a frosted pill, where a soft highlight glides to whichever link you point at and a lime line along the pill tracks how far down the page you are. The logo dot circles its ring as you scroll, the bar slips away go… `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/navbar-pill-glide.json`
- [Header 7 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-7) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-7.json`
- [Predictive Back by @uicapsule](https://shadcn.exchange/r/uicapsule/predictive-back): Android's predictive back gesture — drag from the edge and the screen shrinks in your hand, revealing where you'll land before you commit. `npx shadcn@latest add https://shadcn.exchange/r/uicapsule/predictive-back.json`
- [Navbar Push Menu by @tween-ui](https://shadcn.exchange/r/tween-ui/navbar-push-menu): A navbar whose menu sits behind the page. Opening it pushes the page down into a rounded, inset card and wipes the link cards up one after another, each poster settling as it lands, while the toggle fills lime and its bars cross. The bar h… `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/navbar-push-menu.json`
- [Header 8 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-8) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-8.json`
- [Tooltip Grid by @uicapsule](https://shadcn.exchange/r/uicapsule/tooltip-grid): Tooltip with a direction aware pixel grid background animation. `npx shadcn@latest add https://shadcn.exchange/r/uicapsule/tooltip-grid.json`
- [Navbar Corner Panel by @tween-ui](https://shadcn.exchange/r/tween-ui/navbar-corner-panel): A navbar that keeps its whole menu in one small frosted square in the corner. Opening it grows the square into a tall panel whose links drop in with their underlines drawing out, while the page dims behind and a lime close bubble follows t… `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/navbar-corner-panel.json`
- [Header 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-3.json`
- [Dynamic Island by @uicapsule](https://shadcn.exchange/r/uicapsule/dynamic-island): A springy Dynamic Island interaction with ring and timer states. `npx shadcn@latest add https://shadcn.exchange/r/uicapsule/dynamic-island.json`
- [Header 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-4.json`
- [Resizable Sidebar by @uicapsule](https://shadcn.exchange/r/uicapsule/sidebar): A shadcn-inspired application sidebar with a draggable resize handle. `npx shadcn@latest add https://shadcn.exchange/r/uicapsule/sidebar.json`
- [Header 6 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-6) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-6.json`
- [Header 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-1.json`
- [Header 5 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/header-5) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/header-5.json`
- [Topbar 4 by @paceui](https://shadcn.exchange/r/paceui/marketing-topbar-4): Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search. `npx shadcn@latest add https://shadcn.exchange/r/paceui/marketing-topbar-4.json`
- [Site header by @silicon-ui](https://shadcn.exchange/r/silicon-ui/site-header): A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/site-header.json`
- [Agency: Header by @eased](https://shadcn.exchange/r/eased/agency-header): One line with the studio's availability, its pages as a list and the way in, then its name set bold, edge to edge. `npx shadcn@latest add https://shadcn.exchange/r/eased/agency-header.json`
- [Footer by @geturui](https://shadcn.exchange/r/geturui/footer-block): Site footer with a brand blurb, four link columns, a newsletter field that swaps to an inline success state, and a base row with legal links and a pulsing status dot. `npx shadcn@latest add https://shadcn.exchange/r/geturui/footer-block.json`
- [Workspace Sidebar by @studio-blocks](https://shadcn.exchange/r/studio-blocks/sidebar-01): A compact workspace sidebar with grouped navigation, active links, Keyline icons, and organization settings. `npx shadcn@latest add https://shadcn.exchange/r/studio-blocks/sidebar-01.json`
- [Nav Local by @esuiss](https://shadcn.exchange/r/esuiss/nav-local): A sticky product sub-navigation that highlights the section in view, shown on a dark product page. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/nav-local.json`
- [Topbar 3 by @pacekit](https://shadcn.exchange/r/pacekit/marketing-topbar-3): Dual call-to-action layout featuring compact search bar, utility controls, and primary action button. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/marketing-topbar-3.json`
- [Topbar 5 by @paceui](https://shadcn.exchange/r/paceui/marketing-topbar-5): Global command search topbar with interactive badge notifications and active user status badge. `npx shadcn@latest add https://shadcn.exchange/r/paceui/marketing-topbar-5.json`
- [Nav Global by @esuiss](https://shadcn.exchange/r/esuiss/nav-global): A sticky global navigation bar with mega-menu panels, search and bag actions, above a sample product hero. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/nav-global.json`
- [Topbar 4 by @pacekit](https://shadcn.exchange/r/pacekit/marketing-topbar-4): Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/marketing-topbar-4.json`
- [Topbar 1 by @paceui](https://shadcn.exchange/r/paceui/marketing-topbar-1): Classic logo left, centered main navigation, search and notifications right with user avatar menu. `npx shadcn@latest add https://shadcn.exchange/r/paceui/marketing-topbar-1.json`
- [Nav Categories by @esuiss](https://shadcn.exchange/r/esuiss/nav-categories): A store landing header with a draggable carousel of category tiles and a heading that follows the selection. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/nav-categories.json`
- [Topbar 2 by @pacekit](https://shadcn.exchange/r/pacekit/marketing-topbar-2): Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/marketing-topbar-2.json`
- [Topbar 2 by @paceui](https://shadcn.exchange/r/paceui/marketing-topbar-2): Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons. `npx shadcn@latest add https://shadcn.exchange/r/paceui/marketing-topbar-2.json`
- [Topbar 5 by @pacekit](https://shadcn.exchange/r/pacekit/marketing-topbar-5): Global command search topbar with interactive badge notifications and active user status badge. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/marketing-topbar-5.json`
- [Topbar 3 by @paceui](https://shadcn.exchange/r/paceui/marketing-topbar-3): Dual call-to-action layout featuring compact search bar, utility controls, and primary action button. `npx shadcn@latest add https://shadcn.exchange/r/paceui/marketing-topbar-3.json`
- [Topbar 1 by @pacekit](https://shadcn.exchange/r/pacekit/marketing-topbar-1): Classic logo left, centered main navigation, search and notifications right with user avatar menu. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/marketing-topbar-1.json`
- [Navbar 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/navbar-02): A simple navbar block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/navbar-02.json`
- [Navbar by @launchui](https://shadcn.exchange/r/launchui/navbar): A responsive navigation bar with mobile menu support and customizable links. `npx shadcn@latest add https://shadcn.exchange/r/launchui/navbar.json`
- [Centered Logo Split Nav by @beste-ui](https://shadcn.exchange/r/beste-ui/navbar30): Symmetrical navbar with centered logo flanked by navigation links on both sides and dropdown menus. Perfect for fashion brands and lifestyle sites wanting balanced visual hierarchy. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/navbar30.json`
- [Site Header by @atroui](https://shadcn.exchange/r/atroui/site-header): Sticky site header with editable NAV and CTA. `npx shadcn@latest add https://shadcn.exchange/r/atroui/site-header.json`
- [Site header by @uiarc](https://shadcn.exchange/r/uiarc/site-header): A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/site-header.json`
- [Header 6 by @smoothui](https://shadcn.exchange/r/smoothui/header-6): Minimal hero block with clean typography. `npx shadcn@latest add https://shadcn.exchange/r/smoothui/header-6.json`
- [Navbar 5 - Navbar with features dropdown grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/navbar5): A compact navbar with logo, a two-column features dropdown, plain text links, sign-in and CTA buttons, and a top sheet mobile menu with accordion. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/navbar5.json`
- [Header Centered by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-header-centered): Header com brand centralizado e nav abaixo, com split actions laterais. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-header-centered.json`
- [navbar-04 by @intentui](https://shadcn.exchange/r/intentui/navbar-04): navbar-04. `npx shadcn@latest add https://shadcn.exchange/r/intentui/navbar-04.json`
- [Command palette by @quill](https://shadcn.exchange/r/quill/command-palette): A searchable ⌘K command palette with grouped actions, recent items, and keyboard shortcuts. `npx shadcn@latest add https://shadcn.exchange/r/quill/command-palette.json`
- [Feature Tabs Navigation by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-tabs-navigation): Tabbed sections that swap feature content as buyers click each label. Organizes a deep feature set into bite sized views on one tidy single panel. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-tabs-navigation.json`
- [Navbar Section v6 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v6): Centered mono uppercase nav with Solutions dropdown, external Docs link, and default-radius CTAs. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v6.json`
- [Site Header Narrow by @atroui](https://shadcn.exchange/r/atroui/site-header-narrow): Sticky 640px personal header with mono nav and theme icon. `npx shadcn@latest add https://shadcn.exchange/r/atroui/site-header-narrow.json`
- [Header 4 by @smoothui](https://shadcn.exchange/r/smoothui/header-4): Interactive 3D grid hero header inspired by rauno.me 2024. `npx shadcn@latest add https://shadcn.exchange/r/smoothui/header-4.json`
- [Navbar 35 - Navbar with a centered icon menu by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/navbar35): A horizontal navbar with the logo on the left, a centered menu of icon dropdowns and links, login and signup buttons on the right, and a mobile sheet with accordion submenus. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/navbar35.json`
- [Header Simple by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-header-simple): Bloco minimal SaaS: brand + nav desktop + search + actions + mobile drawer. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-header-simple.json`
- [navbar-05 by @intentui](https://shadcn.exchange/r/intentui/navbar-05): navbar-05. `npx shadcn@latest add https://shadcn.exchange/r/intentui/navbar-05.json`
- [Search results by @quill](https://shadcn.exchange/r/quill/search-results): A docs search panel — query input, result count, and a linked result list with breadcrumbs and type badges. `npx shadcn@latest add https://shadcn.exchange/r/quill/search-results.json`
- [Sidebar Navigation by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-sidebar-navigation): An FAQ layout with a sidebar of categories beside the answers. Lets visitors switch topics quickly and keeps large help sections organized and navigable. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-sidebar-navigation.json`
- [Navbar Section v5 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v5): Sticky top centered dock nav that shrinks from max-w-6xl to max-w-5xl on scroll, with frosted pill, two-column desktop layout, and mobile sheet menu. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v5.json`
- [Header 1 by @smoothui](https://shadcn.exchange/r/smoothui/header-1): Modern header block with navigation and mobile menu. `npx shadcn@latest add https://shadcn.exchange/r/smoothui/header-1.json`
- [Navbar 1 - Navbar with icon dropdown menus by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/navbar1): A horizontal navbar with logo, navigation menu dropdowns showing icons and descriptions, login and signup buttons, and a mobile sheet with accordion submenus. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/navbar1.json`
- [Navbar Floating by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-navbar-floating): Navbar flutuante com blur, borda e menu mobile — inspirado em Launch UI Navbar Floating. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-navbar-floating.json`
- [navbar-02 by @intentui](https://shadcn.exchange/r/intentui/navbar-02): navbar-02. `npx shadcn@latest add https://shadcn.exchange/r/intentui/navbar-02.json`
- [Tabs page by @quill](https://shadcn.exchange/r/quill/tabs-page): A tabbed settings page with account, notifications, and security panels. `npx shadcn@latest add https://shadcn.exchange/r/quill/tabs-page.json`
- [Navbar Section v9 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v9): Two-column navbar with text-only brand left, nav links and outline Sign in CTA right, and a full-width Resources mega menu with 3-column labeled links. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v9.json`
- [Header 5 by @smoothui](https://shadcn.exchange/r/smoothui/header-5): Spotlight hero block with dark theme and gradient text. `npx shadcn@latest add https://shadcn.exchange/r/smoothui/header-5.json`
- [Header Command by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-header-command): Header SaaS com command palette (⌘K), busca global, user menu e notificações. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-header-command.json`
- [Sidebar navigation shell by @quill](https://shadcn.exchange/r/quill/sidebar-nav): A collapsible icon-sidebar app shell with grouped menus, badges, a top bar, and a main area for the page — a card grid by default, or the children you pass in. `npx shadcn@latest add https://shadcn.exchange/r/quill/sidebar-nav.json`
- [Navbar Section v2 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v2): Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v2.json`
- [Navbar by @quill](https://shadcn.exchange/r/quill/navbar): A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-started actions. `npx shadcn@latest add https://shadcn.exchange/r/quill/navbar.json`
- [Navbar Section v7 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v7): AI SaaS navbar with Product and Developers hover dropdowns, uppercase links, and Get started CTA. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v7.json`
- [Page header by @quill](https://shadcn.exchange/r/quill/page-header): A page header with a breadcrumb trail, title and description, and duplicate/new action buttons. `npx shadcn@latest add https://shadcn.exchange/r/quill/page-header.json`
- [Navbar Section v10 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v10): Edra-inspired two-column navbar with logo chip and hamburger that expands in-place into a dialog card with primary and footer links, plus a Sign up CTA. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v10.json`
- [Site footer by @quill](https://shadcn.exchange/r/quill/footer): A marketing footer with brand blurb, link columns, and legal links. `npx shadcn@latest add https://shadcn.exchange/r/quill/footer.json`
- [Navbar Section v8 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v8): Altitude-inspired 3-column navbar with logo left, animated underline nav links center, and CTA button right. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v8.json`
- [Navbar Section v4 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v4): Fixed bottom centered dock nav with frosted pill container, hairline active indicator, responsive links, and primary CTA. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v4.json`
- [Navbar Section v1 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v1): Sticky blurred header with optional lorem-demo below the install page for scroll testing. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v1.json`
- [Navbar Section v3 by @uiception](https://shadcn.exchange/r/uiception/navbar-section-v3): Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation. `npx shadcn@latest add https://shadcn.exchange/r/uiception/navbar-section-v3.json`

## Paid navbar blocks

The first 60 of 227, best first. Their registries sell these: each installs from its registry once bought.

- [Navbar 10 - Creator Platform Navigation by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-10): A clean sidebar navigation menu with essential links, social icons, and a strong call-to-action—designed to help creators navigate easily, showcase work, and grow consistently.
- [LP Navbar 9 by @initium](https://shadcn.exchange/r/initium/lp-navbar-9): Landing navbar section 9 with command palette, primary and secondary CTAs, navigation links, sticky elements, split layout.
- [Header 12 by @efferd](https://shadcn.exchange/r/efferd/header-12): Bordered navigation with GitHub stars counter and dropdown menus.
- [Navbar 09 - Minimal Developer Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-09): A minimal navigation layout with clear links to projects, experience, and contact—crafted to highlight skills, improve usability, and create a smooth browsing experience.
- [Header Section 16 by @initium](https://shadcn.exchange/r/initium/header-section-16): Page header section 16 with form fields, centered content, background contrast section.
- [Header 7 by @efferd](https://shadcn.exchange/r/efferd/header-7): Floating squircle navigation with popover menu and social links.
- [Navbar 05 - Comprehensive Resources Menu by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-05): A structured dropdown layout with documentation, tutorials, community access, webinars, and release notes, designed to centralize learning resources and simplify product exploration for users.
- [LP Navbar 8 by @initium](https://shadcn.exchange/r/initium/lp-navbar-8): Landing navbar section 8 with navigation menu, three-column grid, primary and secondary CTAs, sticky elements, rounded visuals.
- [Header 13 by @efferd](https://shadcn.exchange/r/efferd/header-13): Scroll-triggered navigation with featured customer stories and open-source cards.
- [Navbar 08 - Minimal Services Menu by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-08): A clean navigation bar with a services dropdown, contact details, and a clear call-to-action button designed to showcase offerings and attract clients.
- [Header Section 13 by @initium](https://shadcn.exchange/r/initium/header-section-13): Page header section 13 with form fields, centered content, background contrast section.
- [Header 14 by @efferd](https://shadcn.exchange/r/efferd/header-14): Sticky header with scroll-based resizing and multi-column dropdowns.
- [Navbar 07 - Feature-Rich Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-07): A clean and categorized dropdown menu with automation tools, partnerships, analytics, and resource libraries, designed to simplify navigation and improve overall product accessibility.
- [Header Section 8 by @initium](https://shadcn.exchange/r/initium/header-section-8): Page header section 8 with centered content.
- [Header 9 by @efferd](https://shadcn.exchange/r/efferd/header-9): Scroll-aware navigation with featured cards and affiliate section.
- [Navbar 11 - Boxed Navbar Layout by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-11): A clean boxed navigation bar with structured links, clear hierarchy, and strong call-to-action—designed to improve usability and guide users across modern interfaces.
- [Header Section 17 by @initium](https://shadcn.exchange/r/initium/header-section-17): Page header section 17 with centered content, background contrast section.
- [Header 11 by @efferd](https://shadcn.exchange/r/efferd/header-11): Centered navigation with dropdown menus and action buttons.
- [Navbar 13 - Media Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-13): A transparent-to-blurred navbar with an animated dot hover indicator, icon search trigger, and an expanding play-style call-to-action button.
- [Header Section 6 by @initium](https://shadcn.exchange/r/initium/header-section-6): Page header section 6 with breadcrumbs.
- [Header 4 by @efferd](https://shadcn.exchange/r/efferd/header-4): A sticky responsive header with logo, navigation menu, and scroll-aware animations that adapts seamlessly between mobile and desktop views.
- [Navbar 06 - Advanced Resources Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-06): A structured dropdown layout highlighting branding controls, data export, API access, and system alerts, designed to showcase platform capabilities and improve user exploration.
- [LP Navbar 1 by @initium](https://shadcn.exchange/r/initium/lp-navbar-1): Landing navbar section 1 with primary and secondary CTAs, navigation links, sticky elements.
- [Header 6 by @efferd](https://shadcn.exchange/r/efferd/header-6): A sticky header with multi-column dropdown menus for product and company navigation, featuring grid and list layouts with responsive design for mobile and desktop.
- [Navbar 03 - Modern Healthcare NavBar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-03): A structured navigation bar with a detailed services dropdown, medical categories, and clear contact options, designed to help patients quickly find care and book appointments with ease.
- [Header Section 4 by @initium](https://shadcn.exchange/r/initium/header-section-4): Page header section 4 with centered content.
- [Header 10 by @efferd](https://shadcn.exchange/r/efferd/header-10): Fixed navigation with dropdown menus and mobile accordion.
- [Navbar 12 - Ecommerce Mega Menu Navbar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-12): An ecommerce navbar with a compact icon-only utility row for cart, wishlist, and account, plus a horizontal category bar where each link opens a multi-column mega menu.
- [Header Section 1 by @initium](https://shadcn.exchange/r/initium/header-section-1): Page header section 1 with centered content, background contrast section.
- [Header 8 by @efferd](https://shadcn.exchange/r/efferd/header-8): Compact navigation with dropdown menus and separated action buttons.
- [Navbar 04 - Structured SaaS Navigation Menu by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-04): A clean multi-column navigation layout with categorized features, organized content links, and a highlighted guide panel, designed to improve product discovery and streamline user navigation effortlessly.
- [LP Navbar 10 by @initium](https://shadcn.exchange/r/initium/lp-navbar-10): Landing navbar section 10 with primary and secondary CTAs, navigation links, sticky elements, rounded visuals.
- [Header 5 by @efferd](https://shadcn.exchange/r/efferd/header-5): A sticky animated header with dropdown navigation menus for courses and community, featuring smooth scroll-triggered morphing between expanded and compact pill-shaped states.
- [Navbar 02 - Modern SaaS Menu by @shadcn-space](https://shadcn.exchange/r/shadcn-space/navbar-02): A structured navigation layout with categorized features and use cases, interactive icons, and clear links, designed for AI or SaaS platforms to help users explore tools and integrations effortlessly.
- [LP Navbar 2 by @initium](https://shadcn.exchange/r/initium/lp-navbar-2): Landing navbar section 2 with primary and secondary CTAs, navigation links, sticky elements.
- [LP Navbar 7 by @initium](https://shadcn.exchange/r/initium/lp-navbar-7): Landing navbar section 7 with sticky elements, rounded visuals, image zoom.
- [Header Section 2 by @initium](https://shadcn.exchange/r/initium/header-section-2): Page header section 2 with centered content, background contrast section.
- [Header Section 19 by @initium](https://shadcn.exchange/r/initium/header-section-19): Page header section 19 with breadcrumbs, background contrast section.
- [Header Section 9 by @initium](https://shadcn.exchange/r/initium/header-section-9): Page header section 9 with primary and secondary CTAs, centered content, background contrast section.
- [LP Navbar 4 by @initium](https://shadcn.exchange/r/initium/lp-navbar-4): Landing navbar section 4 with primary and secondary CTAs, navigation links, rounded visuals.
- [LP Navbar 6 by @initium](https://shadcn.exchange/r/initium/lp-navbar-6): Landing navbar section 6 with mobile sheet menu, sticky elements, image zoom.
- [Header Section 18 by @initium](https://shadcn.exchange/r/initium/header-section-18): Page header section 18 with background contrast section.
- [Header Section 5 by @initium](https://shadcn.exchange/r/initium/header-section-5): Page header section 5 with breadcrumbs, background contrast section.
- [Header Section 7 by @initium](https://shadcn.exchange/r/initium/header-section-7): Page header section 7 with centered content, background contrast section.
- [Header Section 10 by @initium](https://shadcn.exchange/r/initium/header-section-10): Page header section 10 with primary and secondary CTAs, centered content, background contrast section.
- [Header Section 14 by @initium](https://shadcn.exchange/r/initium/header-section-14): Page header section 14 with form fields, background contrast section.
- [Header Section 20 by @initium](https://shadcn.exchange/r/initium/header-section-20): Page header section 20 with centered content, background contrast section.
- [Header Section 15 by @initium](https://shadcn.exchange/r/initium/header-section-15): Page header section 15 with form fields, breadcrumbs, background contrast section.
- [Header Section 11 by @initium](https://shadcn.exchange/r/initium/header-section-11): Page header section 11 with breadcrumbs, primary and secondary CTAs, background contrast section.
- [LP Navbar 3 by @initium](https://shadcn.exchange/r/initium/lp-navbar-3): Landing navbar section 3 with navigation links, sticky elements.
- [Header Section 3 by @initium](https://shadcn.exchange/r/initium/header-section-3): Page header section 3 with centered content.
- [Header Section 12 by @initium](https://shadcn.exchange/r/initium/header-section-12): Page header section 12 with primary and secondary CTAs, centered content, background contrast section.
- [LP Navbar 5 by @initium](https://shadcn.exchange/r/initium/lp-navbar-5): Landing navbar section 5 with sticky elements, image zoom.
- [Navbar 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/navbar-2): A mega-menu navbar with grouped flyouts and a featured card.
- [Header 1 – Page header with actions and search by @shadcncraft](https://shadcn.exchange/r/shadcncraft/header-1): A standard page header that anchors the page title with optional breadcrumbs, primary actions, and inline search. Designed for app and dashboard pages where users need context, quick actions, and filtering in one place. Collapses cleanly o…
- [Header Mega by @blockforge](https://shadcn.exchange/r/blockforge/header-mega): Navbar with its mega-menu open: link groups + feature card.
- [Navbar underline by @aceternity](https://shadcn.exchange/r/aceternity/navbar-underline): Navbar with Underline and hover effects.
- [Navbar 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/navbar-4): A storefront navbar with live search, avatar account menu, animated cart badge, and a product grid demo.
- [Header 4 – Page header with cover image and tabs by @shadcncraft](https://shadcn.exchange/r/shadcncraft/header-4): A richer page header that pairs breadcrumbs and a page title with a visual cover image and inline tabs. Useful for profile, settings, or sectioned pages where you want stronger visual hierarchy while still keeping navigation and actions cl…
- [Header Status by @blockforge](https://shadcn.exchange/r/blockforge/header-status): Navbar with announcement bar and a pulsing live-status indicator.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=navbar&price=paid`.

## Registries with the most navbar blocks

- [@beste-ui](https://shadcn.exchange/r/beste-ui): 88 blocks, 1 free and 87 paid
- [@initium](https://shadcn.exchange/r/initium): 30 blocks, all paid
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 23 blocks, 3 free and 20 paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 19 blocks, 7 free and 12 paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 16 blocks, all paid
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 16 blocks, all paid
- [@efferd](https://shadcn.exchange/r/efferd): 13 blocks, 2 free and 11 paid
- [@reui](https://shadcn.exchange/r/reui): 13 blocks, all paid
- [@aceternity](https://shadcn.exchange/r/aceternity): 10 blocks, all paid
- [@uiception](https://shadcn.exchange/r/uiception): 10 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 8 blocks, all free
- [@diarmuradi](https://shadcn.exchange/r/diarmuradi): 8 blocks, all free
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 7 blocks, all free
- [@quill](https://shadcn.exchange/r/quill): 7 blocks, all free
- [@tailark](https://shadcn.exchange/r/tailark): 7 blocks, all paid
- [@intentui](https://shadcn.exchange/r/intentui): 5 blocks, all free
- [@pacekit](https://shadcn.exchange/r/pacekit): 5 blocks, all free
- [@paceui](https://shadcn.exchange/r/paceui): 5 blocks, all free
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 5 blocks, 2 free and 3 paid
- [@uicapsule](https://shadcn.exchange/r/uicapsule): 5 blocks, all free