CCHub Logo CCHub Tailwind Collection
Komponenten Navigation Navigationskomponente

Navigationskomponente

Eine einfache, reaktionsschnelle Navigationskomponente für eine Portfolio-Website mit einer Benutzeroberfläche im Dunkelmodus. Das Design verwendet Komplementärfarben und sorgt für Lesbarkeit und Ästhetik auf verschiedenen Bildschirmgrößen.

Vorschau

HTML-Code 

<nav class="bg-gray-900 p-4 text-white">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-bold text-teal-400">MyPortfolio</a>
    <ul class="flex space-x-4">
      <li><a href="#about" class="hover:text-teal-400">About</a></li>
      <li><a href="#projects" class="hover:text-teal-400">Projects</a></li>
      <li><a href="#contact" class="hover:text-teal-400">Contact</a></li>
    </ul>
  </div>
</nav>

Verwandte Komponenten

Navigationskomponente

Eine reaktionsschnelle Navigationskomponente, die für ein Portfolio entwickelt wurde, mit Mikrointeraktionen und Unterstützung für dunkle Themen.

Offen

E-Commerce-Navigationsleiste

Neumorphism E-Commerce-Navigationsleiste mit Erdtönen

Offen

Retro-Navigationsleiste

Eine reaktionsschnelle, kontrastreiche Retro-/Vintage-Navigationsleiste, die sich für Food-/Restaurant-Websites eignet, mit Ästhetik der 80er/90er Jahre und Unterstützung für den Dunkelmodus.

Offen