Composants Barre de navigation Barre de navigation des médias sociaux

Barre de navigation des médias sociaux

Glassmorphism Grayscale Composant simple de la barre de navigation des médias sociaux

Aperçu

HTML Code

<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
    </div>
  </div>
</nav>

Composants associés

Social-Media-Glassmorphism-Navbar

Barre de navigation réactive Glassmorphism sur les réseaux sociaux avec mode sombre

Ouvrir

Barre de navigation minimaliste

Un composant de barre de navigation réactif conçu dans un style minimaliste, prenant en charge le thème sombre et utilisant Tailwind CSS.

Ouvrir

Skeuomorphic Social Media Nav Bar

Barre de navigation skeuomorphe des médias sociaux avec schéma de couleurs triadique et complexité modérée.

Ouvrir