Composante de navigation brutaliste
Un composant de navigation brutaliste avec un comportement réactif et une prise en charge du thème sombre.
HTML Code
<nav class="bg-yellow-400 dark:bg-purple-900 p-6 font-mono border-4 border-black dark:border-yellow-400">
<div class="container mx-auto flex justify-between items-center">
<div class="text-2xl font-bold text-black dark:text-yellow-400">Brutal Nav</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Home</a></li>
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Docs</a></li>
<li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Examples</a></li>
</ul>
</div>
</nav>Composants associés
Navigation sur les réseaux sociaux
Un composant de navigation réactif sur les réseaux sociaux avec une palette de couleurs sourdes/désaturées, inspiré des principes de conception matérielle, prenant en charge les modes clair et sombre. Dispose d’une mise en page basée sur une grille et d’effets de profondeur.
JobBoardNavigation
Un composant de navigation simple et réactif pour un site d’offres d’emploi ou une plateforme de développement de carrière, avec des tons océan/bleu, des micro-interactions au survol et la prise en charge du mode sombre.
Navigation skeuomorphe
Un composant de navigation simple et réactif avec un design skeuomorphique, une palette de couleurs analogue adaptée aux applications de médias sociaux, avec prise en charge du thème sombre.