Navigation rétro sur les réseaux sociaux
Composant de navigation réactif avec mode sombre pour les médias sociaux (rétro/vintage, tons terreux, complexité modérée)
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>Composants associés
RétroTableau de bordNavigation
Un composant de navigation de tableau de bord complexe, à thème rétro, avec une palette de couleurs triadique, conçu pour la visualisation de données et les panneaux de contrôle. Dispose d’un design réactif, d’une prise en charge du mode sombre et de plusieurs éléments interactifs inspirés de l’esthétique des années 80/90.
Composants de navigation
Un composant de navigation minimaliste pour un site Web de commerce électronique, avec un logo, une barre de recherche, des liens de navigation, une icône de panier d’achat et un avatar de l’utilisateur à l’aide de Tailwind CSS. Ce composant prend en charge le responsive design et le mode sombre.
Composante de navigation brutale
Un composant de navigation réactif conçu dans un style brutaliste, présentant une palette de couleurs monochromatiques, idéal pour un site Web de portfolio. Les caractéristiques incluent une mise en page audacieuse avec un contraste élevé, la prise en charge du mode sombre à l’aide de Tailwind CSS et des éléments interactifs tels que des listes déroulantes ou des liens de boutons.