Navegación por neumorfismo
Un componente de navegación responsivo simple con estilo Neumorphism para el comercio electrónico.
Código HTML
<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>Componentes relacionados
Navegación neumórfica de redes sociales
Un componente de navegación de redes sociales simple y receptivo con un diseño neumórfico de interfaz de usuario suave. Utiliza un esquema de color monocromático y admite el modo oscuro.
Componente de componentes de navegación
Un componente de navegación responsivo con soporte de modo oscuro usando Tailwind CSS. Incluye un logotipo, enlaces de navegación y un botón de llamada a la acción.
Componente de navegación 43
Un componente de navegación responsivo que sigue los principios de diseño skeuomórfico, con elementos digitales que imitan a sus contrapartes del mundo real, con soporte para temas oscuros.