Componente de navegación brutalista
Un componente de navegación brutalista con comportamiento receptivo y compatibilidad con temas oscuros.
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
Componentes de navegación
Un componente de navegación responsivo con microinteracciones y soporte para temas oscuros, diseñado con Tailwind CSS.
Glassmorphism_Navigation_Simple_Sunset
Un componente de navegación de glassmorphism simple y receptivo con tonos cálidos/atardeceres, adecuado para sitios web comerciales/corporativos. Cuenta con elementos translúcidos y admite el modo oscuro.
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.