CCHub Logo CCHub Tailwind Collection
Komponenten Navigationsleiste Navigationsleiste für soziale Medien

Navigationsleiste für soziale Medien

Glassmorphism Graustufen Einfache Komponente der Navigationsleiste für soziale Medien

Vorschau

HTML-Code 

<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
    </div>
  </div>
</nav>

Verwandte Komponenten

Navigationsleiste

Komponente der responsiven Navigationsleiste im Dunkelmodus mit Tailwind CSS

Offen

Komponente der Navigationsleiste

Eine reaktionsschnelle Navigationsleisten-Komponente, die im Material Design-Stil mit triadischem Farbschema entworfen wurde, für Social-Media-Schnittstellen geeignet ist und Unterstützung für dunkle Themen bietet.

Offen

3D_Corporate_Blues_Food_Restaurant_Nav

Eine komplexe, 3D-inspirierte Navigationsleiste für Food-/Restaurant-Websites mit Corporate Blues und voller Reaktionsfähigkeit mit Unterstützung für den Dunkelmodus. Enthält Elemente wie ein Logo, Navigationslinks, eine Suchleiste, einen Benutzer-Avatar und einen Warenkorb.

Offen