Componentes Menú de hamburguesas Menú de hamburguesas brutalistas

Menú de hamburguesas brutalistas

Menú de hamburguesas de estilo brutalista con colores vibrantes y soporte para modo oscuro, diseñado para un blog o sitio de contenido.

Vista previa

Código 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>

Componentes relacionados

Componente del menú de hamburguesas

Un componente de menú de hamburguesas receptivo diseñado con un estilo 3D, adecuado para fines de tablero. Incorpora un esquema de color triádico y tiene una interfaz compleja con elementos interactivos, que admite temas claros y oscuros.

Abrir

Menú de hamburguesas de comercio electrónico retro

Un componente de menú de hamburguesas complejo, receptivo y compatible con el modo oscuro para comercio electrónico, con un estilo retro / vintage (años 80 / 90) y un esquema de color complementario (púrpura, cian, dorado). Cuenta con navegación principal, enlaces de cuentas, carrito, búsqueda y un interruptor de CSS puro usando el truco de casilla de verificación. Utiliza clases CSS de Tailwind.

Abrir

Componente del menú de hamburguesas

Componente de menú de hamburguesa responsivo con modo oscuro

Abrir