Welches Menü passt zu wie vielen Seiten?
Eine Navigation richtet sich nach der Menge, die sie tragen muss. Für bis zu fünf Ziele reicht eine schmale Leiste, etwa eine Pille, die beim Scrollen kleiner wird, oder ein Dock, in dem die Markierung mitgleitet. Ab einem Dutzend Seiten in mehreren Gruppen hilft ein Mega-Menü mit Bildern, Symbolen oder einer Vorschau. Für Seiten mit starker Bildsprache gibt es Menüs, die den ganzen Bildschirm übernehmen, und Schubladen, die von der Seite hereinkommen.
Die 15 Menüs hier sind React-Komponenten mit Tailwind CSS und framer-motion. Sie öffnen und schließen per Tastatur und zeigen einen klaren Fokus. Auf kleinen Bildschirmen wechseln sie in eine eigene mobile Darstellung. Die Einträge stehen als Daten im Quellcode, du ergänzt oder sortierst sie, ohne die Animation anzufassen.
Passende Guides
Häufige Fragen
Ja. Die Navigationen lassen sich per Tastatur öffnen und schließen und geben klare Fokuszustände zurück.
Ja. Die Navigationen wechseln auf kleinen Bildschirmen in eine passende mobile Darstellung.
Ja. Die Menüpunkte liegen als Daten im Quellcode und lassen sich frei ergänzen oder umsortieren.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen