Componenti Nuvola di tag Componente Tag Cloud

Componente Tag Cloud

Un componente Tag Cloud con stile di design Neumorfismo, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.

Anteprima

Codice 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>

Componenti correlati

Componente Tag Cloud retrò

Un componente Tag Cloud reattivo che utilizza Tailwind CSS, con un'estetica di design retrò / vintage, combinazione di colori pastello e complessità semplice. Adatto per un portfolio, incluso il supporto della modalità scura.

Aperto

Componente Tag Cloud Acquerello/Artistico

Un componente tag cloud complesso e reattivo con uno stile di design acquerello/artistico e una combinazione di colori pastello, adatto per piattaforme di forum/community. Supporta la modalità oscura.