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
Retro-Vintage-Navigationskomponente
Eine Navigationskomponente im Retro-/Vintage-Design mit einem monochromen Farbschema für ein Dashboard. Es enthält Links und unterstützt den Dunkelmodus.
Retro-Navigationskomponente
Eine Navigationskomponente im Retro-Stil mit Vintage-Ästhetik aus den 80er/90er Jahren, mit responsivem Design und Unterstützung für dunkle Themen mit Tailwind CSS.
Retro-Vintage-Navigationskomponente
Eine reaktionsschnelle Navigationskomponente mit Retro-/Vintage-Ästhetik, die von den Stilen der 80er/90er Jahre inspiriert ist, mit einem pastellfarbenen Farbschema. Geeignet für Social-Media-Schnittstellen, einschließlich Unterstützung des Dunkelmodus.