CCHub Logo CCHub Tailwind Collection
Komponenten Navigations-Komponenten Brutalistische Navigationskomponente

Brutalistische Navigationskomponente

Eine brutalistische Navigationskomponente mit reaktionsschnellem Verhalten und Unterstützung für dunkle Themen.

Vorschau

HTML-Code 

<nav class="bg-yellow-400 dark:bg-purple-900 p-6 font-mono border-4 border-black dark:border-yellow-400">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-2xl font-bold text-black dark:text-yellow-400">Brutal Nav</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Home</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Docs</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Examples</a></li>
    </ul>
  </div>
</nav>

Verwandte Komponenten

Komponente "Navigationskomponenten"

Glassmorphism Monochromatische moderate E-Commerce-Navigationskomponente mit Unterstützung für den Dunkelmodus

Offen

Retro-E-Commerce-Navigationsleiste

Eine Graustufen-Navigationskomponente im Retro-/Vintage-Stil für den E-Commerce mit moderater Komplexität und interaktiven Elementen wie Hovers und Dropdowns. Es ist reaktionsschnell und bietet Unterstützung für den Dunkelmodus mit Tailwind CSS.

Offen

Navigationskomponente "Brutalismus"

Eine reaktionsschnelle Navigationskomponente im brutalistischen Stil mit einem monochromen Farbschema, ideal für eine Portfolio-Website. Zu den Funktionen gehören ein fettes Layout mit hohem Kontrast, Unterstützung für den Dunkelmodus mit Tailwind CSS und interaktive Elemente wie Dropdowns oder Schaltflächenlinks.

Offen