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
Follow Button Component
A follow button component designed in the brutalism style with high contrast and a raw, bold appearance. It is responsive and supports dark themes.
Glassmorphism Follow Button
A responsive follow button with Glassmorphism design, dark mode support, using Tailwind CSS.
Follow Button with Microinteractions
Responsive Follow Button Component with dark theme support and microinteractions, designed for social media applications using Tailwind CSS. Features monochromatic color scheme and complex interactive elements.