Componente de navegación
Un componente de navegación de modo oscuro receptivo diseñado para el comercio electrónico con una combinación de colores pastel y un diseño simple.
Código HTML
<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>Componentes relacionados
Componente de navegación 3D
Un componente de navegación 3D responsivo diseñado con Tailwind CSS, con soporte para temas oscuros y elementos tridimensionales atractivos.
3D_Vibrant_Simple_Job_Career_Navigation
Un componente de navegación simple, vibrante y receptivo con sutiles efectos 3D, diseñado para bolsas de trabajo y plataformas de desarrollo profesional. Incluye soporte para modo oscuro.
Navegación monoespacial en redes sociales
Un componente de navegación complejo y receptivo para aplicaciones de redes sociales, con una estética monoespaciada/de desarrollador con colores apagados y compatibilidad con el modo oscuro. Incluye perfil de usuario, búsqueda, notificaciones y enlaces de navegación principales.