Composant de navigation rétro du tableau de bord
Composant de navigation rétro/vintage pour tableau de bord avec des couleurs vives, une complexité modérée, une réactivité et une prise en charge du thème sombre.
HTML Code
<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>Composants associés
Navigation dans le tableau de bord (Material Design)
Composant de navigation de tableau de bord de conception matérielle avec schéma de couleurs triadique et prise en charge du mode sombre.
Composant de navigation Glassmorphism
Un composant de navigation de style glassmorphism pour les sites de commerce électronique, avec des couleurs monochromes, un design réactif et une prise en charge du mode sombre à l’aide de Tailwind CSS.
Composant de navigation réactive
Composant de navigation réactif avec micro-interactions, palette de couleurs en niveaux de gris et complexité simple.