Navbarblocks
Navigation bars and menus for your website. Ready-made React UI blocks with a neobrutalist look — heroes, pricing, auth, dashboards, and more. Preview every screen size, copy the code, or install via your AI agent with our MCP server. Works with Radix UI, Base UI, and React Aria.
- Heroes, pricing & auth
- Preview every breakpoint
- Copy the source
- MCP install ready
- Radix · Base UI · React Aria
- 158 ready-made blocks
- Page sections that ship
- Dashboards & marketing
- Pro unlocks the code
- Drop-in layouts
Browse every layout
Navbar
8 blocks — open any card for a full-screen preview, the code, and install steps.
- 01Pro
Account Navbar With Drawer
A signed-in rail of full-height cells holds the wordmark, counters, avatar and Log Out, with a React and Tailwind drawer below md. Let the sidebar lead.
- 02Pro
Centred Logo Mega Menu Navbar
A centred two-line wordmark sits between two calls to action, and the menu opens a full-width React and Tailwind link panel. Make the brand the subject.
- 03Pro
Contact Bar Navbar
A brand-colour strip carries a phone number, an email address and four social icons above the React and Tailwind bar of links. Make the number tappable.
- 04Pro
Dashboard Navbar With Dropdowns
Two keyboard-accessible dropdowns, a bell, a theme toggle and an avatar ride a floating React and Tailwind card bar. Below lg the panels become accordions.
- 05Pro
Ecommerce Navbar With Search
A real submitting search form and a live cart count anchor this React and Tailwind storefront bar, with account and order links. Wire the query route.
- 06Pro
Minimal Navbar With Auth Buttons
Wordmark, four links and a Log in plus Sign up pair, with a morphing hamburger below md, in React and Tailwind. Start a marketing site here.
- 07Pro
Museum Navbar With Mega Menu
Collections opens a 680px mega menu of image-led cards, two wide and two portrait, under an inverted React and Tailwind signage bar. Sell the visit.
- 08Pro
Portfolio Navbar With Ticker
A scrolling announcement ticker sits over a bar of full-height bordered cells with on-page anchor links, in React and Tailwind. Edit three announcements.