Componentes Encabezado Encabezado de diseño 3D

Encabezado de diseño 3D

Un componente de encabezado receptivo con elementos de diseño 3D y compatibilidad con el modo oscuro.

Vista previa

Código HTML

<header class="bg-white shadow-lg dark:bg-gray-800">
  <div class="container mx-auto px-6 py-4">
    <div class="flex items-center justify-between">
      <div class="text-xl font-semibold text-gray-700 dark:text-white">3D Header</div>
      <div class="hidden md:block">
        <nav>
          <a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">Home</a>
          <a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">About</a>
          <a href="#" class="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white px-4">Contact</a>
        </nav>
      </div>
    </div>
  </div>
</header>

Componentes relacionados

Skeuomorphism Triadic Simple Portfolio Header Component

Abrir

Componente de encabezado

Componente de encabezado con microinteracciones, combinación de colores complementaria, complejidad compleja, para fines de tablero, utilizando Tailwind CSS.

Abrir

Componente de encabezado

Un componente de encabezado simple diseñado con el estilo Neumorphism con colores vibrantes, perfecto para una página web de blog/contenido. Cuenta con soporte de modo oscuro para diseño receptivo.

Abrir