CCHub Logo CCHub Tailwind Collection
Komponenten Navigationsleiste Blog-Navigationsleiste

Blog-Navigationsleiste

Responsive Navigationsleiste mit Unterstützung des Dunkelmodus für Blog-/Content-Websites. Verfügt über ein minimalistisches/flaches Design mit einem pastellfarbenen Farbschema.

Vorschau

HTML-Code 

<nav class="bg-pink-100 dark:bg-purple-900 p-4">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-semibold text-gray-800 dark:text-white">My Blog</a>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Blog</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a>
    </div>
  </div>
</nav>

Verwandte Komponenten

Navigationsleiste für soziale Medien

Glassmorphism Graustufen Einfache Komponente der Navigationsleiste für soziale Medien

Offen

Skeuomorphe Navigationsleiste

Eine Komponente der Portfolio-Navigationsleiste, die mit skeuomorphen Stilen und einem pastellfarbenen Farbschema entwickelt wurde, einschließlich Unterstützung für den Dunkelmodus. Es verfügt über interaktive Elemente wie Links und ein Dropdown-Menü.

Offen

Komponente der Navigationsleiste

Eine einfache, reaktionsschnelle Navigationsleistenkomponente, die für ein Dashboard entwickelt wurde und sich durch ein monochromatisches Farbschema und Mikrointeraktionen auszeichnet. Es enthält eine Unterstützung für den Dunkelmodus mit Hover-Effekten für ansprechende Animationen.

Offen