Composant de nuage de balises
Un composant de nuage de balises avec un style de conception Neumorphism, des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.
HTML Code
<div class="p-8 bg-gray-200 dark:bg-gray-800 rounded-xl shadow-lg">
<h2 class="text-xl font-semibold mb-4 text-gray-800 dark:text-gray-100">Tag Cloud</h2>
<div class="flex flex-wrap gap-4">
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">HTML</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">CSS</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">JavaScript</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">React</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Tailwind CSS</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Neumorphism</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">UI Design</span>
<span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Web Development</span>
</div>
</div>Composants associés
Composant de nuage de balises
Un composant de nuage de balises réactif conçu selon les principes de Material Design, avec une palette de couleurs à contraste élevé adaptée aux tableaux de bord. Inclut la prise en charge du mode sombre et le HTML sémantique pour l’accessibilité. Des effets de survol sont inclus pour l’interactivité.
Composant de nuage de balises
Un composant de nuage de balises avec un design Glassmorphism, avec des effets réactifs et la prise en charge du thème sombre.
Composant de nuage de balises
Un composant de nuage de balises réactif avec des couleurs en niveaux de gris et des micro-interactions, conçu pour les interfaces de médias sociaux avec prise en charge du thème sombre.