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

Cyberpunk_Food_Nav

Eine einfache, reaktionsschnelle Cyberpunk-Navigationskomponente für Food-/Restaurant-Websites mit dunklem Hintergrund, Neon-Akzenten und Unterstützung für den Dunkelmodus.

Offen

Cyberpunk Wetter-Navigation

Eine einfache, reaktionsschnelle Navigationskomponente im Cyberpunk-Stil für eine Wetteranwendung mit gedämpften Farben und Neonakzenten sowie Unterstützung für den Dunkelmodus.

Offen

Navigations-Komponenten

Eine reaktionsschnelle Navigationskomponente nach den Prinzipien von Material Design mit einem triadischen Farbschema, das auf Social-Media-Schnittstellen ausgerichtet ist und den Dunkelmodus unterstützt.

Offen