CCHub Logo CCHub Tailwind Collection
Komponenten Schaltfläche "Folgen" Follow-Button-Komponente

Follow-Button-Komponente

Ein Follow-Button im Neumorphism-Stil für ein Dashboard mit Unterstützung für dunkle Themen.

Vorschau

HTML-Code 

<div class="flex justify-center items-center h-screen bg-gray-800 dark:bg-gray-900">
    <button class="relative inline-flex items-center justify-center p-4 bg-gray-200 dark:bg-gray-700 rounded-full shadow-lg transition-transform transform hover:scale-105 active:scale-95 dark:shadow-inner shadow-gray-300 ">
        <span class="absolute inset-0 rounded-full bg-gradient-to-r from-pink-400 via-red-500 to-yellow-500 opacity-20 blur transition-all duration-500"></span>
        <span class="relative text-white font-bold text-lg">
            Follow
        </span>
    </button>
</div>

Verwandte Komponenten

Follow-Button-Komponente

Eine komplexe, reaktionsschnelle "Follow"-Button-Komponente mit Farbverlauf und gedämpften Farbübergängen, die für Immobilienplattformen entwickelt wurde. Enthält Unterstützung für den Dunkelmodus und verwendet semantisches HTML.

Offen

Follow-Button-Komponente

Eine reaktionsschnelle "Follow"-Button-Komponente mit einem bonbonfarbenen Farbschema, das für Jobbörsen und Karriereplattformen entwickelt wurde und Unterstützung für den Dunkelmodus bietet.

Offen

Follow Button mit Mikrointeraktionen

Responsive Follow Button Component mit Unterstützung für dunkle Themen und Mikrointeraktionen, entwickelt für Social-Media-Anwendungen mit Tailwind CSS. Mit monochromatischem Farbschema und komplexen interaktiven Elementen.

Offen