Follow Button Component
A Neumorphism styled Follow Button for a dashboard with dark theme support.
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>Related Components
Glassmorphism_Music_Follow_Button_Component
A complex, monochromatic glassmorphism follow button component designed for music and audio platforms, featuring frosted glass-like translucent elements with blur effects, fully responsive and with dark mode support.
Follow Button
Dark Mode UI Follow Button Component with responsive effects and dark theme support.
Neumorphic Follow Button Component
A complex, interactive neumorphic follow button component with ocean/blue tones, designed for social media interfaces. Includes dark mode support and responsive design.