Navigazione con nemorfismo
Un semplice componente di navigazione reattivo con stile Neumorfismo per l'e-commerce.
Codice 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>Componenti correlati
Componente di navigazione 43
Un componente di navigazione reattivo che segue i principi del design scheumorfico, con elementi digitali che imitano le loro controparti del mondo reale, con supporto per temi scuri.
Componente di navigazione brutalista
Un componente di navigazione brutalista con comportamento reattivo e supporto per temi scuri.
Navigazione Skeuomorphic
Un componente di navigazione semplice e reattivo con design Skeuomorphic, combinazione di colori analoga adatta per applicazioni di social media, con supporto per temi scuri.