CCHub Logo CCHub Tailwind Collection
Komponenten Navigations-Komponenten Retro Social Media Navigation

Retro Social Media Navigation

Responsive Navigationskomponente mit Dark Mode für Social Media (Retro/Vintage, Erdtöne, moderate Komplexität)

Vorschau

HTML-Code 

<nav class="bg-stone-200 dark:bg-stone-800 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
    </ul>
  </div>
</nav>

Verwandte Komponenten

Neumorphismus-Navigation

Eine einfache, reaktionsschnelle Navigationskomponente im Neumorphism-Stil für den E-Commerce.

Offen

Cyberpunk Wetter-Navigation

Eine einfache, reaktionsschnelle Navigationskomponente im Cyberpunk-Stil für eine Wetteranwendung mit gedämpften Farben und Neonakzenten sowie Unterstützung für den Dunkelmodus.

Offen

RetroDashboardNavigation

Eine komplexe Dashboard-Navigationskomponente im Retro-Stil mit triadischem Farbschema, die für die Datenvisualisierung und Bedienfelder entwickelt wurde. Mit responsivem Design, Unterstützung für den Dunkelmodus und mehreren interaktiven Elementen, die von der Ästhetik der 80er/90er Jahre inspiriert sind.

Offen