Barra de navegación de redes sociales
Componente de barra de navegación de redes sociales simple en escala de grises
Código HTML
<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="container mx-auto flex justify-between items-center">
<div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
</div>
</div>
</nav>Componentes relacionados
Barra de navegación en modo oscuro
Componente de barra de navegación con efectos responsivos y soporte para temas oscuros.
Barra de navegación minimalista
Un componente de barra de navegación receptivo diseñado en un estilo minimalista, compatible con el tema oscuro y que utiliza Tailwind CSS.
Componente de la barra de navegación
Un componente de barra de navegación receptivo diseñado en estilo Material Design con un esquema de color triádico, adecuado para interfaces de redes sociales e incluye soporte para temas oscuros.