CCHub Logo CCHub Tailwind Collection
Komponenten Tag Cloud Tag-Cloud-Komponente

Tag-Cloud-Komponente

Eine Tag-Cloud-Komponente mit Neumorphism-Designstil, responsiven Effekten und Unterstützung für dunkle Designs unter Verwendung von Tailwind CSS.

Vorschau

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>

Verwandte Komponenten

Tag-Cloud-Komponente

Eine komplexe, industrielle Tag-Cloud-Komponente mit Herbstfarben, die für Landwirtschafts-/Landwirtschafts-Websites entwickelt wurde. Verfügt über mehrere interaktive Elemente, volle Reaktionsfähigkeit und Unterstützung des Dunkelmodus.

Offen

Tag-Cloud-Komponente

Eine Tag-Cloud-Komponente, die im Neumorphism-Stil in Graustufen entwickelt wurde, sich für Blogs und den Konsum von Inhalten eignet und interaktive Elemente enthält.

Offen

Tag-Cloud-Komponente

Eine 3D-Tag-Cloud-Komponente mit leuchtenden Farben für Dashboards zur Datenvisualisierung.

Offen