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 reaktionsschnelle Hamburger-Menükomponente für Blog-/Content-Websites mit dunklem Modus, Graustufen-Farbschema und komplexen interaktiven Elementen ausschließlich mit HTML und Tailwind CSS. Entwickelt für optimales Lesen und Konsumieren von Inhalten.

Offen

Hamburger-Menü-Komponente

Responsive Hamburger Menükomponente mit Dunkelmodus

Offen

Hamburger-Menü-Komponente

Eine komplexe, reaktionsschnelle Hamburger-Menükomponente mit Glassmorphism-Design und einem mattglasähnlichen transluzenten Effekt, der sich für ein Portfolio eignet, in dem Arbeiten oder Produkte präsentiert werden. Es enthält eine Unterstützung für dunkle Themen und verwendet Tailwind CSS für das Styling.

Offen