Navigationskomponente
Eine reaktionsschnelle Navigationskomponente im Dunkelmodus, die für den E-Commerce mit einem pastellfarbenen Farbschema und einem einfachen Layout entwickelt wurde.
HTML-Code
<nav class="bg-gray-800 dark:bg-gray-900 p-4">
<div class="container mx-auto flex items-center justify-between">
<div class="flex items-center space-x-4">
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Home</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Shop</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">About Us</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Contact</a>
</div>
<div class="flex items-center space-x-4">
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">
<img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
</a>
<a href="#" class="text-pink-300 hover:text-pink-400 dark:text-pink-200 dark:hover:text-pink-300">Cart</a>
</div>
</div>
</nav>Verwandte Komponenten
3D-Navigationskomponente
Eine reaktionsschnelle 3D-Navigationskomponente für den E-Commerce mit einem Graustufen-Farbschema und Unterstützung für den Dunkelmodus.
Retro-Dashboard-Navigationskomponente
Retro/Vintage-Navigationskomponente für Dashboard mit lebendigen Farben, mäßiger Komplexität, Reaktionsfähigkeit und Unterstützung für dunkle Themen.
3D_Earth_Tone_Dating_Social_Navigation
Eine reaktionsschnelle Navigationskomponente für Dating-/Social-Media-Plattformen mit einem 3D-inspirierten Design mit Erdtönen und Unterstützung für den Dunkelmodus. Enthält interaktive Elemente wie einen Profil-Avatar, eine Suche und wichtige Navigationslinks.