Componente di navigazione Retro Dashboard
Componente di navigazione retrò/vintage per dashboard con colori vivaci, complessità moderata, reattività e supporto per temi scuri.
Codice HTML
<nav class='bg-gradient-to-r from-purple-600 via-pink-600 to-red-600 p-4 text-white dark:from-purple-900 dark:via-pink-900 dark:to-red-900'>
<div class='container mx-auto flex justify-between items-center'>
<div class='text-2xl font-bold font-mono'>Dashboard</div>
<ul class='flex space-x-4'>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Home</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Analytics</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Settings</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Profile</a></li>
</ul>
</div>
</nav>Componenti correlati
Componente di navigazione reattiva
Componente di navigazione reattiva con microinterazioni, combinazione di colori in scala di grigi e complessità semplice.
Componente di navigazione skeuomorfa
Un componente di navigazione scheumorfico progettato per imitare elementi del mondo reale come un pannello di controllo fisico o un cruscotto. Presenta un design reattivo, effetti al passaggio del mouse che simulano la pressione fisica dei pulsanti e supporto per temi scuri. La navigazione include ombre sottili, sfumature e texture per creare un aspetto tattile 3D che ricorda le interfacce fisiche.
RetroNav
Un componente di navigazione semplice, reattivo e compatibile con la modalità oscura con un design retrò/vintage, una combinazione di colori vivaci ed elementi minimali, adatto per siti Web di e-commerce.