CCHub Logo CCHub Tailwind Collection
Komponenten Navigations-Komponenten Neumorphismus-Navigation

Neumorphismus-Navigation

Eine einfache, reaktionsschnelle Navigationskomponente im Neumorphism-Stil für den E-Commerce.

Vorschau

HTML-Code 

<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>

Verwandte Komponenten

Komponente "Navigationskomponenten"

Eine reaktionsschnelle Navigationsleiste mit Unterstützung für den Dunkelmodus.

Offen

Navigations-Komponenten

Eine reaktionsschnelle Navigationskomponente mit Mikrointeraktionen und Unterstützung für dunkle Themen, die mit Tailwind CSS entwickelt wurde.

Offen

Navigations-Komponenten

Eine reaktionsschnelle Navigationskomponente nach den Prinzipien von Material Design mit einem triadischen Farbschema, das auf Social-Media-Schnittstellen ausgerichtet ist und den Dunkelmodus unterstützt.

Offen