RetroHeaderComponent

Composant d’en-tête rétro/vintage avec effets réactifs et prise en charge du thème sombre.

Aperçu

HTML Code

<header class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white p-4">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-2xl font-bold">RetroHeader</div>
    <nav class="hidden md:flex space-x-4">
      <a href="#" class="hover:underline">Home</a>
      <a href="#" class="hover:underline">About</a>
      <a href="#" class="hover:underline">Contact</a>
    </nav>
    <div class="md:hidden">
      <button class="text-gray-800 dark:text-white focus:outline-none">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
      </button>
    </div>
  </div>
</header>

Composants associés

Composant d’en-tête

Un composant d’en-tête complexe et réactif pour une place de marché multi-fournisseurs, inspiré de l’esthétique du papier/de l’impression avec une palette de couleurs aux tons de bijou. Comprend la recherche, la navigation, le profil de l’utilisateur et le panier.

Ouvrir

Composant d’en-tête de réseau social

Un composant d’en-tête complexe, réactif en mode sombre, au design minimaliste et aux couleurs complémentaires, conçu pour les interfaces de médias sociaux.

Ouvrir

Composant d’en-tête météo rétro 3D

Un composant d’en-tête complexe à thème rétro pour une application météo/climat, avec des éléments de conception 3D, une palette de couleurs sourdes et une réactivité totale avec prise en charge du mode sombre. Il affiche les informations météorologiques actuelles, l’emplacement, la date et la navigation.

Ouvrir