RetroBadges
Composant de badges rétro / vintage pour les sites Web d’entreprise / d’entreprise avec palette de couleurs complémentaire. Mise en page simple, conception réactive avec prise en charge du thème sombre. Pas de JavaScript.
HTML Code
<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-900">
<!-- Badge 1 -->
<span class="px-3 py-1 text-sm font-semibold text-purple-800 bg-purple-200 rounded-full dark:text-purple-200 dark:bg-purple-800">
Vintage Vibe
</span>
<!-- Badge 2 -->
<span class="px-3 py-1 text-sm font-semibold text-yellow-800 bg-yellow-200 rounded-full dark:text-yellow-200 dark:bg-yellow-800">
Retro Style
</span>
<!-- Badge 3 -->
<span class="px-3 py-1 text-sm font-semibold text-green-800 bg-green-200 rounded-full dark:text-green-200 dark:bg-green-800">
Classic Look
</span>
</div>Composants associés
Insignes Composante 48
Un composant de badges conçu selon les principes de Material Design, avec des mises en page réactives et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Composant Badges - Tableau de bord analogue 3D
Un composant de badges réactif avec une conception 3D, une palette de couleurs analogue, une complexité modérée et la prise en charge du thème sombre pour les tableaux de bord. Utilise uniquement les classes CSS Tailwind.
OrganicNatureInspiredBadges
Un composant de badges de complexité modérée avec des lignes fluides inspirées de la nature et une palette de couleurs triadique, adapté à un portfolio pour présenter des travaux ou des produits. Il inclut la réactivité et la prise en charge du mode sombre.