Navigazione nel cruscotto (Material Design)
Componente di navigazione del cruscotto di progettazione dei materiali con combinazione di colori triadica e supporto per la modalità scura.
Codice HTML
<nav class="bg-white dark:bg-gray-800 shadow">
<div class="container mx-auto px-6 py-3">
<div class="flex items-center justify-between">
<div class="text-gray-800 dark:text-white font-bold text-xl">Dashboard</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-800 dark:text-white hover:text-blue-500 dark:hover:text-blue-400 transition duration-300">Home</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-teal-500 dark:hover:text-teal-400 transition duration-300">Analytics</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-red-500 dark:hover:text-red-400 transition duration-300">Settings</a>
</div>
</div>
</div>
</nav>Componenti correlati
Componente di navigazione
Un componente di navigazione reattivo progettato per l'interfaccia utente in modalità scura, con collegamenti, menu a discesa e un logo, il tutto in stile CSS Tailwind.
3D_Earth_Tone_Dating_Social_Navigation
Un componente di navigazione reattivo per piattaforme di appuntamenti/social, caratterizzato da un design ispirato al 3D con toni della terra e supporto per la modalità oscura. Include elementi interattivi come un avatar del profilo, la ricerca e i collegamenti di navigazione principali.
Componente di navigazione 3D
Un componente di navigazione 3D reattivo progettato per l'e-commerce, con una combinazione di colori in scala di grigi e supporto per la modalità scura.