Komponenten Kopfball Skeuomorphismus Triadische einfache Portfolio-Header-Komponente

Skeuomorphismus Triadische einfache Portfolio-Header-Komponente

Vorschau

HTML-Code

<header class="bg-gradient-to-b from-gray-200 to-gray-400 via-gray-300 dark:from-gray-800 dark:to-gray-900 dark:via-gray-700 p-6 shadow-xl">
  <div class="container mx-auto flex justify-between items-center">
    </div>
</header>

Verwandte Komponenten

E-Commerce-Header-Komponente

Eine responsive E-Commerce-Header-Komponente, die mit Tailwind CSS nach Material Design-Prinzipien erstellt wurde. Verfügt über ein monochromatisches Farbschema (Blautöne), Suchfunktionen, ein Navigationsmenü, einen Warenkorb und ein Benutzerprofil. Der Header enthält Tiefeneffekte wie Schatten und unterstützt den Dunkelmodus. Die Komponente reagiert vollständig auf ein mobiles Hamburger-Menü.

Offen

Header-Komponente

Eine responsive Header-Komponente mit Unterstützung für den Dunkelmodus, mit einem Logo, Navigationslinks und einer Call-to-Action-Schaltfläche. Das Design verwendet einen dunklen Hintergrund, um die Belastung der Augen zu reduzieren.

Offen

Brutalistische Header-Komponente

Eine rohe und fette Header-Komponente, die mit Tailwind CSS entworfen wurde und sich durch hohen Kontrast und ungewöhnliche Layouts auszeichnet, die sowohl für helle als auch für dunkle Themen geeignet sind.

Offen