Componente Tag Cloud
Un componente Tag Cloud con stile di design Neumorfismo, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.
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
Un componente Tag Cloud Neumorfico progettato per un portfolio, che mostra tag con una combinazione di colori monocromatica, layout reattivo e supporto per la modalità oscura utilizzando Tailwind CSS.
Componente Tag Cloud
Un Componente Tag Cloud progettato con stile Neumorfismo in scala di grigi, adatto per blog e consumo di contenuti, caratterizzato da elementi interattivi.
Componente Tag Cloud
Un componente Tag Cloud reattivo progettato per l'interfaccia utente in modalità scura, che mostra un portfolio con una combinazione di colori analoga.