Navegación del panel de control (Material Design)
Componente de navegación del tablero de Material Design con esquema de color triádico y soporte de modo oscuro.
Código HTML
<nav class="bg-white dark:bg-gray-800 shadow">
<div class="container mx-auto px-6 py-3">
<div class="flex items-center justify-between">
<div class="text-gray-800 dark:text-white font-bold text-xl">Dashboard</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-800 dark:text-white hover:text-blue-500 dark:hover:text-blue-400 transition duration-300">Home</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-teal-500 dark:hover:text-teal-400 transition duration-300">Analytics</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-red-500 dark:hover:text-red-400 transition duration-300">Settings</a>
</div>
</div>
</div>
</nav>Componentes relacionados
Componente de navegación retro vintage
Un componente de navegación responsivo diseñado con una estética retro/vintage inspirada en los estilos de los años 80/90, con una combinación de colores pastel. Adecuado para interfaces de redes sociales, incluida la compatibilidad con el modo oscuro.
RetroNav
Un componente de navegación simple, receptivo y compatible con el modo oscuro con un diseño retro / vintage, una combinación de colores vibrantes y elementos mínimos, adecuado para sitios web de comercio electrónico.
Componente de navegación retro
Un componente de navegación de estilo retro con estética vintage de los años 80/90, con un diseño responsivo y soporte de temas oscuros con Tailwind CSS.