Navigation collante brutaliste
Un composant de navigation autocollant de style brutaliste avec un comportement réactif et une prise en charge du mode sombre à l’aide de Tailwind CSS. Présente un contraste élevé, une typographie audacieuse et une esthétique austère et brute.
HTML Code
<header class="bg-yellow-400 text-black sticky top-0 z-50 border-b-4 border-black dark:bg-purple-800 dark:text-white dark:border-white">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="text-2xl font-bold uppercase tracking-tighter">Brutal Nav</div>
<div class="hidden md:flex space-x-6">
<a href="#" class="text-black hover:underline dark:text-white">Home</a>
<a href="#" class="text-black hover:underline dark:text-white">About</a>
<a href="#" class="text-black hover:underline dark:text-white">Services</a>
<a href="#" class="text-black hover:underline dark:text-white">Contact</a>
</div>
<button class="md:hidden text-black dark:text-white focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-4 6h4"></path></svg>
</button>
</nav>
</header>Composants associés
Navigation autocollante rétro E-commerce
Un composant de navigation autocollant rétro/vintage pour les sites de commerce électronique avec des couleurs vives, des éléments complexes, une réactivité et une prise en charge du mode sombre à l’aide de Tailwind CSS.
Composant de navigation collante
Composant de navigation autocollant réactif avec mode sombre
Composant de navigation collante
Un composant de navigation autocollant avec un design skeuomorphe, une palette de couleurs triadique et une mise en page simple, adapté aux interfaces de médias sociaux. Il prend en charge le design réactif et le thème sombre.