Skeuomorphisme Médias sociaux Mega Menu
Méga composant de menu avec conception Skeuomorphism, schéma de couleurs triadique et complexité simple à des fins de médias sociaux. Réactif avec prise en charge du thème sombre.
HTML Code
<nav class="bg-gray-200 dark:bg-gray-800 shadow-lg">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center py-4">
<div class="text-gray-800 dark:text-white text-xl font-bold">SocialHub</div>
<div class="hidden md:flex space-x-6">
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300">Feed</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-red-600 dark:hover:text-red-400 transition duration-300">Profile</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-green-600 dark:hover:text-green-400 transition duration-300">Messages</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-yellow-600 dark:hover:text-yellow-400 transition duration-300">Notifications</a>
</div>
<div class="md:hidden">
<button class="text-gray-700 dark:text-gray-300 focus:outline-none">
<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
</button>
</div>
</div>
</div>
</nav>Composants associés
ArtDeco_SaaS_MegaMenu
Un composant de méga menu simple et réactif conçu avec une esthétique Art Déco, utilisant une palette de couleurs violet/violet, adapté aux applications technologiques/SaaS. Inclut la prise en charge du mode sombre.
Composant Mega Menu - Interface utilisateur en mode sombre (Finance/Banque)
Un méga composant de menu simple et réactif conçu pour les interfaces finance/banque, avec une interface utilisateur en mode sombre avec des neutres froids. Comprend des sections importantes pour les liens populaires, les services de compte et l’accès rapide.
Composant Mega Menu
Composant Mega Menu avec style Neumorphisme pour le site Web de blog/contenu, utilisant un schéma de couleurs analogue et une complexité modérée. Conception réactive avec prise en charge du thème sombre. Pas de JavaScript.