Composant de nuage de balises
Un composant de nuage de balises rétro/vintage avec des effets réactifs et une prise en charge du mode sombre à l’aide de Tailwind CSS.
HTML Code
<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-4">Tag Cloud</h2>
<div class="flex flex-wrap gap-2">
<span class="bg-yellow-500 dark:bg-yellow-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Retro</span>
<span class="bg-teal-500 dark:bg-teal-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Vintage</span>
<span class="bg-fuchsia-500 dark:bg-fuchsia-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">80s</span>
<span class="bg-purple-500 dark:bg-purple-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">90s</span>
<span class="bg-pink-500 dark:bg-pink-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Nostalgia</span>
<span class="bg-red-500 dark:bg-red-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Classic</span>
<span class="bg-blue-500 dark:bg-blue-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Design</span>
<span class="bg-green-500 dark:bg-green-600 text-gray-900 dark:text-white px-3 py-1 rounded-full text-sm font-semibold shadow-sm">Style</span>
</div>
</div>Composants associés
Composant de nuage de balises
Un composant de nuage de balises 3D avec des couleurs vives pour les tableaux de bord de visualisation de données.
Composant de nuage de balises
Un composant de nuage de balises simple, réactif et dynamique conçu selon les principes du Bauhaus pour les sites Web d’entreprise et d’entreprise, avec des formes géométriques et des couleurs primaires à haute saturation avec prise en charge du mode sombre.
Composant Tag Cloud - Marketplace Sepia/Brown Material Design
Un composant de nuage de balises complexe et réactif conçu pour les plateformes de marché, utilisant les principes de Material Design avec des tons sépia/bruns. Comprend des balises interactives, un filtrage par catégorie et la prise en charge du mode sombre.