Componente Tag Cloud
Un componente Tag Cloud progettato con lo stile Neumorfismo, che utilizza una combinazione di colori monocromatici per scopi di e-commerce e supporta il tema scuro con un design reattivo.
Codice HTML
<div class="flex flex-wrap justify-center mt-10 p-5 bg-gray-100 dark:bg-gray-900 rounded-lg shadow-lg">
<h2 class="w-full text-2xl font-semibold text-center text-gray-800 dark:text-gray-200 mb-5">Explore Tags</h2>
<div class="flex flex-wrap justify-center gap-4">
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Fashion</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Electronics</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Home & Living</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Books</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Beauty</span>
</div>
</div>
Componenti correlati
Componente Tag Cloud
Un componente Tag Cloud reattivo con stili di Material Design, una combinazione di colori complementari e una complessità moderata per l'e-commerce, con supporto per temi scuri.
Componente Tag Cloud
Un componente Tag Cloud complesso e reattivo con microinterazioni, progettato per una dashboard, utilizzando una combinazione di colori in scala di grigi. Supporta la modalità oscura.
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.