Neumorphisme Navigation
Un composant de navigation réactif simple avec le style Neumorphism pour le commerce électronique.
HTML Code
<nav class="p-4 bg-gray-100 dark:bg-gray-800 shadow-neumorphic-light dark:shadow-neumorphic-dark">
<ul class="flex justify-center space-x-4">
<li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Home</a></li>
<li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Shop</a></li>
<li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Categories</a></li>
<li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Cart</a></li>
</ul>
</nav>Composants associés
Composants de navigation
Un composant de navigation minimaliste pour un site Web de commerce électronique, avec un logo, une barre de recherche, des liens de navigation, une icône de panier d’achat et un avatar de l’utilisateur à l’aide de Tailwind CSS. Ce composant prend en charge le responsive design et le mode sombre.
Navigation rétro sur les réseaux sociaux
Composant de navigation réactif avec mode sombre pour les médias sociaux (rétro/vintage, tons terreux, complexité modérée)
Composant de navigation
Un composant de navigation réactif conçu avec des micro-interactions et proposant des animations attrayantes basées sur les actions de l’utilisateur, prenant en charge les thèmes clairs et sombres. Le composant comprend un avatar de profil, des liens de navigation et des effets de survol.