CCHub Logo CCHub Tailwind Collection
Komponenten Navigation Navigationskomponente

Navigationskomponente

Eine einfache Navigationskomponente, die für einen Blog mit Mikrointeraktionen und pastellfarbenem Farbschema entwickelt wurde. Es verfügt über ein responsives Layout und Unterstützung für dunkle Themen.

Vorschau

HTML-Code 

<nav class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md transition-all duration-300">
    <div class="container mx-auto flex justify-between items-center">
        <div class="flex items-center space-x-4">
            <img src="https://picsum.photos/30/30" alt="Logo" class="rounded-full">
            <span class="text-xl font-semibold text-gray-800 dark:text-white">My Blog</span>
        </div>
        <ul class="flex space-x-6">
            <li>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white transition-colors duration-300">Home</a>
            </li>
            <li>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white transition-colors duration-300">About</a>
            </li>
            <li>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white transition-colors duration-300">Blog</a>
            </li>
            <li>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white transition-colors duration-300">Contact</a>
            </li>
        </ul>
    </div>
</nav>

Verwandte Komponenten

3D_Vibrant_Simple_Job_Career_Navigation

Eine einfache, lebendige und reaktionsschnelle Navigationskomponente mit subtilen 3D-Effekten, die für Jobbörsen und Karriereentwicklungsplattformen entwickelt wurde. Enthält Unterstützung für den Dunkelmodus.

Offen

E-commerce Material Design Navigation

Eine komplexe, reaktionsschnelle, monochromatische E-Commerce-Navigationskomponente, die von Material Design inspiriert ist und Such-, Warenkorb-, Benutzerprofil- und Kategorielinks mit Unterstützung für den Dunkelmodus bietet.

Offen

Monospace Navigation im Gesundheitswesen

Eine komplexe, reaktionsschnelle Navigationskomponente für Anwendungen im Gesundheitswesen/in der Medizin mit einem von Monospace/Entwicklern inspirierten Design mit warmen Neutraltönen, Unterstützung für den Dunkelmodus und interaktiven Elementen.

Offen