Componente de nube de etiquetas
Un componente de nube de etiquetas con estilo de diseño Neumorphism, efectos responsivos y compatibilidad con temas oscuros mediante Tailwind CSS.
Código HTML
<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>Componentes relacionados
Componente de nube de etiquetas
Un componente de Tag Cloud complejo y receptivo con microinteracciones, diseñado para un panel de control, utilizando un esquema de color en escala de grises. Soporta el modo oscuro.
Componente de nube de etiquetas
Un componente de nube de etiquetas receptivo diseñado con los principios de Material Design, con un esquema de color de alto contraste adecuado para tableros. Incluye soporte para modo oscuro y HTML semántico para accesibilidad. Se incluyen efectos de desplazamiento para la interactividad.
Componente de nube de etiquetas retro
Un componente de nube de etiquetas receptivo que usa Tailwind CSS, con una estética de diseño retro / vintage, combinación de colores pastel y complejidad simple. Adecuado para una cartera, incluida la compatibilidad con el modo oscuro.