Components Navigation Retro Dashboard Navigation Component

Retro Dashboard Navigation Component

Retro/Vintage Navigation Component for Dashboard with Vibrant colors, Moderate complexity, responsiveness, and dark theme support.

Preview

HTML Code

<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>

Related Components

E-commerce Navigation Bar

Neumorphism E-commerce Navigation Bar with Earth Tones

Open

3D Navigation Component

A responsive 3D navigation component designed with Tailwind CSS, featuring dark theme support and engaging three-dimensional elements.

Open

Navigation Component

A responsive dark mode navigation component designed for e-commerce with a pastel color scheme and simple layout.

Open