Navigation rétro E-commerce
Composant de navigation réactif avec un design rétro/vintage, des tons de terre et la prise en charge du mode sombre pour le commerce électronique.
HTML Code
<nav class="bg-amber-100 dark:bg-amber-950 p-4 font-serif">
<div class="container mx-auto flex justify-between items-center">
<a href="#" class="text-amber-800 dark:text-amber-200 text-2xl font-bold">RetroStore</a>
<div class="hidden md:flex space-x-6">
<a href="#" class="text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 transition duration-300">Shop</a>
<a href="#" class="text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 transition duration-300">Categories</a>
<a href="#" class="text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 transition duration-300">Contact</a>
<a href="#" class="text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 transition duration-300">Cart</a>
</div>
<div class="md:hidden flex items-center">
<button class="text-amber-700 dark:text-amber-300 focus:outline-none">
<svg class="w-6 h-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 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</nav>Composants associés
Navigation sur les réseaux sociaux Monospace
Il s’agit d’un composant de navigation complexe et réactif pour les applications de médias sociaux, doté d’une esthétique monospace/développeur avec des couleurs sourdes et une prise en charge du mode sombre. Comprend le profil utilisateur, la recherche, les notifications et les liens de navigation principaux.
Composant de navigation rétro
Un composant de navigation de style rétro avec une esthétique vintage des années 80/90, avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Navigation minimaliste dans les restaurants et les restaurants
Un composant de navigation minimaliste et réactif pour les sites Web d’alimentation et de restaurants, avec des tons de bijoux, la prise en charge du mode sombre et un design plat et épuré. Comprend un logo, des liens de navigation et un bouton d’appel à l’action, avec un menu de hamburgers adapté aux mobiles.