Composant Suivre le bouton
Un composant de bouton de suivi réactif conçu selon les principes de Material Design, avec prise en charge du mode sombre et des styles personnalisés à l’aide de Tailwind CSS.
HTML Code
<div class="flex items-center justify-center p-4">
<div class="bg-white dark:bg-gray-800 shadow-md rounded-lg p-5 transition-shadow duration-300 hover:shadow-lg">
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full shadow-lg mr-3">
<div class="flex-1">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Follow Me</h2>
<p class="text-gray-600 dark:text-gray-400">Join my journey and stay updated!</p>
</div>
<button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded transition duration-300 ease-in-out">
Follow
</button>
</div>
</div>
</div>
Composants associés
Composant de bouton de suivi neumorphe
Un composant de bouton de suivi complexe, de style neumorphe, avec des tons crépuscules/chauds, conçu pour les plateformes immobilières. Il présente un design réactif et une prise en charge du mode sombre, donnant l’impression que les éléments s’extrudent de l’arrière-plan à l’aide d’ombres subtiles.
Glassmorphism_Music_Follow_Button_Component
Un composant de bouton de suivi complexe et monochromatique conçu pour les plateformes musicales et audio, avec des éléments translucides givrés ressemblant à du verre avec des effets de flou, entièrement réactif et avec prise en charge du mode sombre.
Glassmorphism Suivre le bouton
Un bouton de suivi réactif avec le design Glassmorphism, la prise en charge du mode sombre, utilisant Tailwind CSS.