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
Componente di navigazione crittografica in scala di grigi giocoso
Un componente di navigazione in scala di grigi giocoso e amichevole per applicazioni di criptovaluta e blockchain, con elementi arrotondati, stati interattivi, reattività completa e supporto per la modalità oscura.
Barra di navigazione retrò per l'e-commerce
Un componente di navigazione in scala di grigi in stile retrò/vintage per l'e-commerce, caratterizzato da una complessità moderata con elementi interattivi come passaggi del mouse e menu a discesa. È reattivo e include il supporto per la modalità oscura utilizzando Tailwind CSS.
RetroDashboardNavigazione
Un complesso componente di navigazione dashboard a tema retrò con combinazione di colori triadica, progettato per la visualizzazione dei dati e i pannelli di controllo. Presenta un design reattivo, supporto per la modalità oscura e molteplici elementi interattivi ispirati all'estetica degli anni '80/'90.