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
Componente de componentes de navegación
Una barra de navegación receptiva con soporte para modo oscuro.
Componente de navegación
Un componente de navegación responsivo diseñado con microinteracciones y con animaciones atractivas basadas en las acciones del usuario, que admite temas claros y oscuros. El componente incluye avatar de perfil, enlaces de navegación y efectos de desplazamiento.
Componentes de navegación
Un componente de navegación responsivo que sigue los principios de Material Design con un esquema de color triádico, dirigido a interfaces de redes sociales, con soporte para modo oscuro.