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

JobBoardNavigation

Eine einfache, reaktionsschnelle Navigationskomponente für eine Jobbörse oder eine Karriereentwicklungsplattform mit Ozean-/Blautönen, Mikrointeraktionen beim Schweben und Unterstützung des Dunkelmodus.

Offen

Verspielte Graustufen-Krypto-Navigationskomponente

Eine verspielte und benutzerfreundliche Graustufen-Navigationskomponente für Kryptowährungs- und Blockchain-Anwendungen mit abgerundeten Elementen, interaktiven Zuständen, vollständiger Reaktionsfähigkeit und Unterstützung des Dunkelmodus.

Offen

Navigationskomponente

Eine reaktionsschnelle Navigationskomponente, die mit Mikrointeraktionen entwickelt wurde und ansprechende Animationen bietet, die auf Benutzeraktionen basieren und sowohl helle als auch dunkle Themen unterstützen. Die Komponente enthält einen Profil-Avatar, Navigationslinks und Hover-Effekte.

Offen