Zum Hauptinhalt
Navbar Gallery

Navbar Gallery: eine große Inspirationssammlung für Navigationsleisten

WebdesignNavigationsleisteDesign-InspirationUI-Referenz

Eine Galerie, die ausschließlich gelungene Navbar-Designs sammelt – filterbar nach Static, Dropdown, Mega Menu, Sidebar, Suchleiste und weiteren Typen, jeweils mit Direktlink zur echten Umsetzung.

★ 9 Zuletzt aktualisiert: 2026-11-08 navbar.gallery
Website besuchen

Detaillierte Vorstellung

Eine Galerie nur für Navbars

Die Navigation ist die Komponente, die am ehesten lieblos abgehakt wird: Logo nach links, Menü nach rechts, fertig. Navbar Gallery macht es umgekehrt und sammelt ausschließlich Navbars – nur gut gemachte, direkt nebeneinander gestellt, damit man auswählen kann.

Aktuell sind Hunderte echte Websites erfasst, durchblätterbar Seite für Seite, und jeder Eintrag behält den Link zum Original. Man landet also bei der echten Interaktion im Live-Zustand, nicht bei einem Entwurf.

Wie die Einträge geordnet sind

Die Filter folgen dem Typ, und das passt recht gut zur tatsächlichen Auswahl:

  • Static / Sticky: fest oben, ohne Dropdown
  • Dropdown / Flyout: Untermenüs, die unter dem Elterneintrag liegen
  • Mega Menu: breite, mehrspaltige Menüs für Sites mit vielen Kategorien
  • Side Bar: vertikale Seitennavigation
  • Search Bar: das Suchfeld als Hauptelement der Navigation
  • Announcement Bar: schmaler Streifen oben, oft für Aktionen oder Versionshinweise
  • Full Screen Menu: Menüs über den ganzen Bildschirm, häufig mit grafischen Elementen
  • Breadcrumbs: Breadcrumb-Navigation für die Hierarchie

Wie man es nutzt

Eher ein Nachschlagewerk für Entscheidungen als ein Werkzeug. Wenn in einem neuen Projekt die Navigationsstruktur festgelegt wird, erst nach Typ filtern und schauen, wie vergleichbare Sites das Menü auf dem Smartphone einklappen, wo sie den CTA platzieren und wie sie beim Scrollen die Farbe wechseln – das geht deutlich schneller, als selbst herumzuprobieren. Auch die Abstimmung in der Designphase wird einfacher: ein Link sagt der Gegenseite mehr als eine lange Beschreibung.

Die Seite wird von Mobbin gesponsert, außerdem gibt es Einreichungen und einen Newsletter.

Footer Design: Galerie mit hochwertigen Referenzen für Website-Footer

Eine nach Typ und Stil sortierte Inspirationsbibliothek für Website-Footer – von typografisch über illustrativ bis Grid, Cards und animiert – jeweils mit Editor's Picks und Link zum Original.

WebdesignFooter-DesignDesign-Inspiration

Variant: eine Idee eintippen, endlose Designrichtungen scrollen

Eine Idee für eine App oder Website eingeben und endlose Designrichtungen durchscrollen. Keine Leinwand, kein Prompt-Loop – man bleibt stehen, wo ein Entwurf überzeugt. Export als HTML oder React.

KI-DesignUI-GenerierungDesign-Inspiration

Scrolltide: Scroll-gesteuerte Website-Templates mit Kinogefühl und Design-Prompts

Eine kuratierte Bibliothek aus Prompts für scroll-gesteuerte Website-Templates, Komponenten und Shader. Prompt kopieren, in die KI einfügen – und es entsteht eine Seite, die sich wirklich bewegt, statt auf den ersten Blick nach KI auszusehen.

WebdesignPromptsScroll-Animation

shadcn/ui: Erstellen Sie Ihre Komponentenbibliothek

Prachtvoll gestaltete Komponenten, die Sie in Ihre Apps kopieren und einfügen können. Barrierefrei. Anpassbar. Open Source.

develop

Anime.js: Leichte JavaScript-Animationsbibliothek

Anime.js ist eine effiziente JavaScript-Animationsbibliothek, die Animationen für HTML, SVG, CSS und mehr unterstützt. Ideal für Frontend-Entwickler und Designer, um schnell Webanimationen zu implementieren und die Benutzererfahrung zu verbessern.

Frontend-EntwicklungWebdesign

Stockimg AI | KI-Fotogenerator: Logo, Kunst, Stockfoto, Illustration

Stockimg ist ein All-in-One-Design- und Content-Erstellungstool, das von KI angetrieben wird. Sie können leicht Logos, Illustrationen, Hintergrundbilder, Poster und mehr generieren.

ai