Componentes Componentes de navegación Componente de navegación brutalista

Componente de navegación brutalista

Un componente de navegación brutalista con comportamiento receptivo y compatibilidad con temas oscuros.

Vista previa

Código HTML

<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>

Componentes relacionados

Componente de componentes de navegación

Glassmorphism Monocromático Moderado Componente de navegación de comercio electrónico con soporte de modo oscuro

Abrir

Swiss_International_Navigation_Fashion_Beauty

Un componente de navegación complejo y receptivo para marcas de moda / belleza, que se adhiere a los principios de diseño de tipografía suiza / internacional con un esquema de color azul corporativo. Incluye soporte para modo oscuro y múltiples elementos interactivos.

Abrir

Componente de navegación minimalista de tonos de tierra

Un componente de navegación de diseño minimalista y plano con una combinación de colores en tonos tierra, adecuado para sitios web de consultoría/servicios. Incluye diseño responsivo para escritorio, tableta y móvil, y admite el modo oscuro.

Abrir