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

Skeuomorphe Navigationsleiste

Eine reaktionsschnelle Navigationsleistenkomponente, die in einem skeuomorphen Stil mit Unterstützung für dunkle Designs unter Verwendung von Tailwind CSS entworfen wurde.

Offen

Komponente der Navigationsleiste

Eine reaktionsschnelle Navigationsleiste für ein Dashboard mit einem Dark-Mode-Design mit Erdtönen. Enthält ein Logo, Navigationslinks, eine Suchleiste und einen Abschnitt mit Benutzerprofil. Konzipiert für moderate Komplexität mit interaktiven Elementen.

Offen

Glassmorphism Dashboard-Navigationsleiste

Glassmorphism Monochromatische komplexe Dashboard-Navigationsleiste mit Tailwind CSS, reaktionsschneller und dunkler Theme-Unterstützung.

Offen