Composant de navigation
Un composant de navigation réactif en mode sombre conçu pour le commerce électronique avec une palette de couleurs pastel et une mise en page simple.
HTML Code
<nav class="bg-gray-800 dark:bg-gray-900 p-4">
<div class="container mx-auto flex items-center justify-between">
<div class="flex items-center space-x-4">
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Home</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Shop</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">About Us</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Contact</a>
</div>
<div class="flex items-center space-x-4">
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">
<img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Cart</a>
</div>
</div>
</nav>Composants associés
Composant de navigation de luxe
Un composant de navigation élégant et réactif pour les marques de mode et de beauté, doté d’un design sophistiqué en noir et blanc avec une couleur d’accentuation vive, une prise en charge du mode sombre et un minimum d’éléments.
Luxury_SaaS_Navigation_Candy
Un composant de navigation de style luxe/premium pour les applications SaaS, avec une palette de couleurs sur le thème des bonbons (rose bonbon, vert menthe) et une typographie sophistiquée. Il est réactif, inclut la prise en charge du mode sombre et comporte des éléments interactifs.
Composant de navigation 3D
Un composant de navigation 3D réactif conçu avec Tailwind CSS, avec la prise en charge des thèmes sombres et des éléments tridimensionnels attrayants.