Componente di navigazione brutalista
Un componente di navigazione brutalista con comportamento reattivo e supporto per temi scuri.
Codice 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>Componenti correlati
Componente Componenti di navigazione
Un componente di navigazione reattivo con colori vivaci e microinterazioni, progettato per un portfolio.
Componenti di navigazione
Un componente di navigazione progettato con uno stile brutalista, caratterizzato da una combinazione di colori pastello per le interfacce dei social media, con un layout reattivo e supporto per temi scuri.
Swiss_International_Navigation_Fashion_Beauty
Un componente di navigazione complesso e reattivo per i marchi di moda/bellezza, che aderisce ai principi di progettazione della tipografia svizzera/internazionale con una combinazione di colori blu aziendale. Include il supporto per la modalità oscura e più elementi interattivi.