Komponenten Hamburger Menü Brutalistischer Hamburger Menü

Brutalistischer Hamburger Menü

Hamburger-Menü im brutalistischen Stil mit leuchtenden Farben und Unterstützung des Dunkelmodus, entwickelt für einen Blog oder eine Content-Site.

Vorschau

HTML-Code

<div class="bg-yellow-400 dark:bg-purple-700 p-4 flex justify-between items-center">
  <h1 class="text-2xl font-bold text-black dark:text-white">Brutal Blog</h1>
  <button class="text-black dark:text-white focus:outline-none">
    <svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5h16v2H4V5zm0 6h16v2H4v-2zm0 6h16v2H4v-2z"/>
    </svg>
  </button>
</div>

Verwandte Komponenten

Hamburger-Menü-Komponente

Eine komplexe, reaktionsschnelle und lebendige Hamburger-Menükomponente mit Mikrointeraktionen für den E-Commerce, mit einer ausziehbaren Navigation, Kategorielinks, einer Suchleiste und Social-Media-Symbolen. Es unterstützt den Dunkelmodus und verwendet Lorem Picsum für Bilder.

Offen

3D-Hamburger-Menükomponente

Ein responsives Hamburger-Menü mit einem 3D-Design mit triadischem Farbschema und komplexen interaktiven Elementen für Geschäfts-/Unternehmenswebsites.

Offen

Hamburger-Menü-Komponente

Eine reaktionsschnelle Hamburger-Menükomponente im Material Design-Stil mit Unterstützung für dunkle Themen, die für die Dashboard-Navigation geeignet ist.

Offen