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 "Portfolio-Navigation"

Eine responsive Navigationskomponente für eine Portfolio-Website, inspiriert von der Papier-/Druckästhetik mit Sonnenuntergangs-/warmen Tönen. Enthält Unterstützung für den Dunkelmodus und ein übersichtliches Layout, das für die Präsentation von Arbeiten geeignet ist.

Offen

Social-Media-Navigationskomponente

Eine einfache, reaktionsschnelle Navigationskomponente für Social-Media-Anwendungen mit einem dunklen Thema und einem vom Material Design inspirierten ergänzenden Farbschema. Es enthält ein Logo, Navigationslinks und einen Benutzer-Avatar.

Offen

Komponente "Navigationskomponenten"

Eine Navigationskomponente mit einem dunklen Design, responsivem Design und ohne JavaScript.

Offen