Componente Componentes de mejora de navegación
Un componente de navegación responsivo con soporte de modo oscuro para sitios web de comercio electrónico. Cuenta con un esquema de color triádico con un fondo oscuro para reducir la fatiga visual.
Código HTML
<nav class="bg-gray-900 dark:bg-purple-900 p-4">
<div class="container mx-auto flex items-center justify-between">
<a href="#" class="text-white text-lg font-semibold">E-Shop</a>
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-300 hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Products</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Categories</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Contact</a></li>
</ul>
<div class="flex items-center space-x-4">
<input type="text" placeholder="Search..." class="bg-gray-800 text-white px-3 py-1 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
<button class="bg-blue-600 dark:bg-green-600 text-white px-4 py-1 rounded-md">Cart</button>
</div>
</div>
</nav>Componentes relacionados
Naturaleza-Inspired_Entertainment_Navigation
Un componente de navegación complejo inspirado en la naturaleza para plataformas de entretenimiento/medios, con líneas fluidas y esquemas de colores dulces/dulces. Totalmente receptivo con soporte para modo oscuro.
Componentes de mejora de la navegación
Un componente de navegación responsivo con un estilo con una estética retro/vintage, adecuado para aplicaciones de comercio electrónico, con soporte para temas oscuros e interactividad moderada.
Componente de mejora de la navegación
Un componente de navegación inspirado en el morfismo de vidrio diseñado para mostrar el trabajo de la cartera y los productos compatibles con tonos tierra y modo oscuro. El componente presenta un efecto de vidrio esmerilado, un diseño receptivo y elementos mínimos.