Navegación retro de redes sociales
Componente de navegación responsivo con modo oscuro para redes sociales (Retro/Vintage, Tonos Tierra, Complejidad Moderada)
Código HTML
<nav class="bg-stone-200 dark:bg-stone-800 p-4">
<div class="container mx-auto flex items-center justify-between">
<div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
<li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
</ul>
</div>
</nav>Componentes relacionados
Navegación meteorológica de Cyberpunk
Un componente de navegación simple y receptivo con temática cyberpunk para una aplicación meteorológica, con colores apagados y acentos de neón, con soporte para modo oscuro.
Componentes de navegación
Una barra de navegación de modo oscuro con diseño responsivo, con un logotipo, un avatar y enlaces para la navegación.
Componente de navegación de redes sociales
Un componente de navegación simple y receptivo para aplicaciones de redes sociales, con un tema oscuro y un esquema de color complementario inspirado en Material Design. Incluye un logotipo, enlaces de navegación y un avatar de usuario.