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 mit Tailwind CSS für den Dunkelmodus formatiert wurde.

Offen

Retro-Dashboard-Navigationskomponente

Retro/Vintage-Navigationskomponente für Dashboard mit lebendigen Farben, mäßiger Komplexität, Reaktionsfähigkeit und Unterstützung für dunkle Themen.

Offen

Navigationskomponente

Eine reaktionsschnelle Navigationskomponente, die für die Benutzeroberfläche des Dunkelmodus entwickelt wurde, mit Links, Dropdown-Menüs und einem Logo, die alle mit Tailwind CSS gestaltet sind.

Offen