Composants Navigation Navigation dans le tableau de bord (Material Design)

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.

Aperçu

HTML Code

<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>

Composants associés

3D_Vibrant_Simple_Job_Career_Navigation

Un composant de navigation simple, dynamique et réactif avec des effets 3D subtils, conçu pour les sites d’emploi et les plateformes de développement de carrière. Inclut la prise en charge du mode sombre.

Ouvrir

Composant de navigation

Un composant de navigation réactif conçu pour la consommation de blog/contenu avec un style de conception 3D, une palette de couleurs complémentaire et une complexité modérée intégrant certaines fonctionnalités interactives.

Ouvrir

Corporate_Travel_Navigation

Une barre de navigation complexe, propre et fiable pour les sites Web de voyage et de tourisme. Dispose de plusieurs éléments interactifs, d’une réactivité totale et d’une prise en charge du mode sombre utilisant des couleurs complémentaires.

Ouvrir