Componenti Navigazione RetroNav

RetroNav

Un componente di navigazione semplice, reattivo e compatibile con la modalità oscura con un design retrò/vintage, una combinazione di colori vivaci ed elementi minimali, adatto per siti Web di e-commerce.

Anteprima

Codice HTML

<nav class="bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 dark:from-gray-800 dark:via-gray-700 dark:to-gray-600 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-white text-2xl font-bold">RetroShop</div>
    <div class="hidden md:flex space-x-4">
      <a href="#" class="text-white hover:text-gray-200">Home</a>
      <a href="#" class="text-white hover:text-gray-200">Products</a>
      <a href="#" class="text-white hover:text-gray-200">About</a>
      <a href="#" class="text-white hover:text-gray-200">Contact</a>
    </div>
    <div class="md:hidden">
      <button class="text-white">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
        </svg>
      </button>
    </div>
  </div>
</nav>

Componenti correlati

Componente di navigazione Glassmorphism

Un componente di navigazione in stile glassmorphism per siti di e-commerce, con colori monocromatici, design reattivo e supporto per la modalità oscura utilizzando Tailwind CSS.

Aperto

Componente di navigazione Material Design

Un componente di navigazione Material Design semplice e reattivo per le interfacce dei social media che utilizza una combinazione di colori in scala di grigi. Presenta un layout pulito con logo, link di navigazione, barra di ricerca e avatar dell'utente. Include il supporto per la modalità oscura utilizzando il prefisso dark: di Tailwind.

Aperto

Componente di navigazione vintage retrò

Un componente di navigazione reattivo progettato con un'estetica retrò/vintage ispirata agli stili degli anni '80/'90, caratterizzato da una combinazione di colori pastello. Adatto per le interfacce dei social media, incluso il supporto della modalità scura.

Aperto