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
Brutalisme Navigation collante
Un composant de navigation autocollant complexe avec un design brutaliste, une palette de couleurs monochromatiques, conçu pour les portfolios, avec un design réactif et une prise en charge du mode sombre à l’aide de Tailwind CSS.
Composant de navigation collante
Une barre de navigation réactive et collante avec des effets de néon/lueur, adaptée aux plateformes d’éducation ou d’apprentissage. Dispose d’une palette de couleurs violet/violet, d’une prise en charge du mode sombre et d’éléments de menu interactifs.
Composant de navigation collante
Un composant de navigation autocollant skeuomorphe conçu pour les sites Web d’actualités/journalisme, avec une palette de couleurs noir et blanc avec une couleur d’accentuation vive, une réactivité et une prise en charge du mode sombre. Il imite les boutons et les éléments encastrés du monde réel.