Components Navigation Navigation Component

Navigation Component

A simple, responsive navigation component for a portfolio website, featuring a dark mode UI. The design uses complementary colors and ensures readability and aesthetic appeal on various screen sizes.

Preview

HTML Code

<nav class="bg-gray-900 p-4 text-white">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-bold text-teal-400">MyPortfolio</a>
    <ul class="flex space-x-4">
      <li><a href="#about" class="hover:text-teal-400">About</a></li>
      <li><a href="#projects" class="hover:text-teal-400">Projects</a></li>
      <li><a href="#contact" class="hover:text-teal-400">Contact</a></li>
    </ul>
  </div>
</nav>

Related Components

Navigation Component

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

Open

Navigation Component

A retro/vintage inspired navigation component designed with Tailwind CSS, featuring responsive effects and dark theme support.

Open

Navigation Component

A simple navigation component designed for a blog with microinteractions and pastel color scheme. It features a responsive layout and dark theme support.

Open