Componentes Barra de navegación Barra de navegación del blog

Barra de navegación del blog

Barra de navegación responsiva con soporte de modo oscuro para sitios web de blogs/contenido. Presenta un diseño minimalista / plano con una combinación de colores pastel.

Vista previa

Código HTML

<nav class="bg-pink-100 dark:bg-purple-900 p-4">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-semibold text-gray-800 dark:text-white">My Blog</a>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Blog</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a>
    </div>
  </div>
</nav>

Componentes relacionados

Redes Sociales-Glassmorphism-Navbar

Barra de navegación de redes sociales Glassmorphism responsiva con modo oscuro

Abrir

Barra de navegación Skeuomorphic

Una barra de navegación responsiva simple para redes sociales con un estilo de diseño esqueuomórfico, que utiliza un esquema de color análogo y admite el modo oscuro.

Abrir

Componente de la barra de navegación

Una barra de navegación receptiva con microinteracciones y soporte de modo oscuro usando Tailwind CSS.

Abrir