Navigazione retrò sui social media
Componente di navigazione reattiva con modalità oscura per i social media (retrò/vintage, toni della terra, complessità moderata)
Codice HTML
<nav class="bg-stone-200 dark:bg-stone-800 p-4">
<div class="container mx-auto flex items-center justify-between">
<div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
</ul>
</div>
</nav>Componenti correlati
Navigazione sui social media
Un componente di navigazione reattivo per i social media con una combinazione di colori tenui/desaturati, ispirato ai principi del Material Design, che supporta le modalità chiara e scura. Presenta layout basati su griglia ed effetti di profondità.
Componenti di navigazione
Un componente di navigazione reattivo con microinterazioni e supporto per il tema scuro, progettato utilizzando Tailwind CSS.
GamingNavigationComponent
Una barra di navigazione superiore complessa e reattiva per siti Web di giochi, ispirata a temi organici/naturali con una combinazione di colori analoga. Presenta un logo, collegamenti di navigazione, avatar utente e pulsanti di invito all'azione, con supporto completo della modalità scura.