Componente de navegación del panel de control retro
Componente de navegación retro/vintage para tablero con colores vibrantes, complejidad moderada, capacidad de respuesta y compatibilidad con temas oscuros.
Código HTML
<nav class='bg-gradient-to-r from-purple-600 via-pink-600 to-red-600 p-4 text-white dark:from-purple-900 dark:via-pink-900 dark:to-red-900'>
<div class='container mx-auto flex justify-between items-center'>
<div class='text-2xl font-bold font-mono'>Dashboard</div>
<ul class='flex space-x-4'>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Home</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Analytics</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Settings</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Profile</a></li>
</ul>
</div>
</nav>Componentes relacionados
Componente de navegación
Un componente de navegación simple diseñado para un blog con microinteracciones y combinación de colores pastel. Cuenta con un diseño responsivo y soporte para temas oscuros.
Componente de navegación retro vintage
Un componente de navegación con un diseño retro/vintage con una combinación de colores monocromática para un salpicadero. Incluye enlaces y admite el modo oscuro.
Componente de navegación
Un componente de navegación simple y receptivo para un sitio web de portafolio, con una interfaz de usuario de modo oscuro. El diseño utiliza colores complementarios y garantiza la legibilidad y el atractivo estético en varios tamaños de pantalla.