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

Navigationskomponente

Eine reaktionsschnelle Navigationskomponente, die für den Konsum von Blogs / Inhalten mit einem 3D-Designstil, einem komplementären Farbschema und moderater Komplexität entwickelt wurde und einige interaktive Funktionen enthält.

Offen

Retro-Vintage-Navigationskomponente

Eine Navigationskomponente im Retro-/Vintage-Design mit einem monochromen Farbschema für ein Dashboard. Es enthält Links und unterstützt den Dunkelmodus.

Offen

Navigationskomponente

Eine einfache Navigationskomponente, die für einen Blog mit Mikrointeraktionen und pastellfarbenem Farbschema entwickelt wurde. Es verfügt über ein responsives Layout und Unterstützung für dunkle Themen.

Offen