Menu dell'hamburger brutalista
Menu di hamburger in stile brutalista con colori vivaci e supporto per la modalità scura, progettato per un blog o un sito di contenuti.
Codice HTML
<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>Componenti correlati
Componente del menu dell'hamburger
Un componente reattivo del menu Hamburger progettato con lo stile Brutalism utilizzando Tailwind CSS, con supporto per la modalità oscura e segnaposto per immagini e avatar.
Menù Hamburger E-commerce retrò
Un componente di menu per hamburger complesso, reattivo e supportato dalla modalità oscura per l'e-commerce, con un'estetica retrò/vintage (anni '80/'90) e una combinazione di colori complementari (viola, ciano, oro). Presenta la navigazione principale, i collegamenti all'account, il carrello, la ricerca e un interruttore CSS puro utilizzando l'hack della casella di controllo. Utilizza le classi CSS Tailwind.
Componente del menu dell'hamburger
Un complesso componente di menu per hamburger ispirato alla carta/stampa con colori caramelle/dolci, progettato per siti Web governativi/di servizio pubblico. Presenta un design reattivo con supporto per la modalità scura, che imita la carta fisica e gli elementi di stampa con colori vivaci e allegri.