CCHub Logo CCHub Tailwind Collection
Komponenten Navigation Retro-Dashboard-Navigationskomponente

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.

Vorschau

HTML-Code 

<nav class='bg-gradient-to-r from-purple-600 via-pink-600 to-red-600 p-4 text-white dark:from-purple-900 dark:via-pink-900 dark:to-red-900'>
  <div class='container mx-auto flex justify-between items-center'>
    <div class='text-2xl font-bold font-mono'>Dashboard</div>
    <ul class='flex space-x-4'>
      <li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Home</a></li>
      <li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Analytics</a></li>
      <li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Settings</a></li>
      <li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Profile</a></li>
    </ul>
  </div>
</nav>

Verwandte Komponenten

Corporate_Travel_Navigation

Eine komplexe, saubere und vertrauenswürdige Navigationsleiste im Unternehmensstil für Reise-/Tourismus-Websites. Verfügt über mehrere interaktive Elemente, volle Reaktionsfähigkeit und Unterstützung des Dunkelmodus mit Komplementärfarben.

Offen

Neumorphe Navigationskomponente

Eine einfache, reaktionsschnelle Navigationskomponente mit einem neumorphen Designstil unter Verwendung eines lila/violetten Farbschemas, das sich für ein Forum oder eine Community-Plattform eignet. Enthält Unterstützung für den Dunkelmodus.

Offen

Neumorphism-Navigationskomponente

Neumorphism-Navigationskomponente, optimiert für Portfolio-Websites. Es verfügt über ein komplexes Layout mit mehreren interaktiven Elementen, ein responsives Design und Unterstützung für den Dunkelmodus mit Tailwind CSS. Das Farbschema ist analog.

Offen