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
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.
E-commerce Material Design Navegación
Un componente de navegación de comercio electrónico complejo, receptivo y monocromático inspirado en Material Design, con enlaces de búsqueda, carrito, perfil de usuario y categoría con soporte para modo oscuro.
Componente de navegación skeuomórfica
Un componente de navegación esqueuomórfico diseñado para imitar elementos del mundo real, como un panel de control físico o un panel de control. Cuenta con un diseño responsivo, efectos de desplazamiento que simulan pulsaciones de botones físicos y compatibilidad con temas oscuros. La navegación incluye sombras, degradados y texturas sutiles para crear una apariencia táctil en 3D que recuerda a las interfaces físicas.