Skip to main content
Navbar Gallery

Navbar Gallery – Navigation Design Inspiration Collection

web designnavbarinspirationui reference

A curated gallery of the best website navbar designs on the web, filterable by type — static, dropdown, mega menu, sidebar, search bar and more — with links to the live sites.

★ 9 Last Updated: 2026-11-08 navbar.gallery
Visit Website

Detailed Introduction

Navigation is the easiest component to phone in: logo left, links right, done. Navbar Gallery goes the other way — navbars only, nothing else, just well-executed ones lined up for you to pick from.

It indexes hundreds of real sites across 38 pages of listings. Every entry keeps a link to the original, so you land on the live implementation rather than a mockup.

How entries are grouped

Filtering follows the way you'd actually choose a navigation pattern:

  • Static / Sticky — fixed to the top, no dropdowns
  • Dropdown / Flyout — nested items under a parent
  • Mega Menu — wide multi-column panels for sites with lots of categories
  • Side Bar — vertical navigation panel
  • Search Bar — search as the primary navigation element
  • Announcement Bar — slim banner for promos or release notes
  • Full Screen Menu — full-viewport menus, often with graphic elements
  • Breadcrumbs — secondary navigation showing location

How to use it

Treat it as a reference manual for decisions rather than a tool. When scoping navigation on a new project, filter by type and see how comparable sites collapse menus on mobile, place the CTA, or shift color on scroll. It's faster than guessing, and sending a link beats describing an idea in a design review.

The site is sponsored by Mobbin and also takes submissions and newsletter signups.

Footer Design – Curated Website Footer Inspiration Gallery

A curated gallery of the best website footers on the web, sortable by type and style — typographic, illustrative, grid, cards, animated and more — with editor's picks and links to the originals.

web designfooterinspiration

Scrolltide — Cinematic Scroll-Driven Website Templates & AI Prompts

A curated library of scroll-driven website templates, components and shaders delivered as prompts. Copy a prompt, paste it into your AI, and launch a site that actually moves.

web designpromptsscroll animation

Variant – Endless Design Options for Your Ideas, Just Scroll

Enter an idea for an app or a site and scroll through endless design directions. No canvas, no prompt loop — stop when a design catches you. Export to HTML or React.

ai designui generationdesign inspiration

shadcn/ui: Build Your Own Component Library with Copy-Paste Flexibility

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

UI ComponentsOpen SourceTailwind CSS

Header Name: Free Social Banner Generator

Create free personal-brand banners for X, LinkedIn, YouTube and GitHub with 48 templates, local-first editing, PNG/SVG exports and a one-click ZIP.

freeSocial Banner GeneratorPersonal Branding

Anime.js: Lightweight JavaScript Animation Library

Anime.js is an efficient JavaScript animation library that supports animations for HTML, SVG, CSS, and more, ideal for front-end developers and designers to quickly implement web animations and enhance user experience.

Front-end developmentWeb design