Componentes Encabezado Encabezado de negocio de diseño de materiales

Encabezado de negocio de diseño de materiales

Material Design inspiró un componente de encabezado simple con un esquema de color complementario para sitios web comerciales. Diseño responsivo con soporte para temas oscuros.

Vista previa

Código HTML

<header class="bg-blue-500 text-white py-4 shadow-md dark:bg-gray-800">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-xl font-bold">Business Name</div>
    <nav>
      <ul class="flex space-x-4">
        <li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Home</a></li>
        <li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">About</a></li>
        <li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Services</a></li>
        <li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

Componentes relacionados

Componente de encabezado

Un componente de encabezado receptivo con diseño de Glassmorphism con elementos translúcidos similares al vidrio esmerilado y soporte para temas oscuros.

Abrir

Neon_Glow_Header_Component

Un componente de encabezado receptivo para aplicaciones SaaS con efectos de neón/resplandor y un esquema de color dulce/dulce, con soporte para modo oscuro y elementos interactivos.

Abrir

Componente de encabezado de Cyberpunk

Un componente de encabezado futurista con temática Cyberpunk para documentación o sitios wiki. Cuenta con un fondo oscuro con vibrantes acentos de neón (azul eléctrico, rosa intenso, verde lima), navegación receptiva y compatibilidad con el modo oscuro.

Abrir