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
Composante de navigation brutaliste
Un composant de navigation brutaliste avec un comportement réactif et une prise en charge du thème sombre.
Composants de navigation
Un composant de navigation conçu avec un style brutaliste, avec une palette de couleurs pastel pour les interfaces de médias sociaux, avec une mise en page réactive et une prise en charge du thème sombre.
Composants de navigation
Un composant de navigation réactif suivant les principes de Material Design avec une palette de couleurs triadique, destiné aux interfaces de médias sociaux, avec prise en charge du mode sombre.