Composant Boutons de conception matérielle
Composant de boutons de conception matérielle dans les tons de terre pour les médias sociaux
HTML Code
```html
<div class="flex flex-col items-center justify-center min-h-screen bg-stone-100 dark:bg-stone-900 p-4">
<div class="flex space-x-4 rtl:space-x-reverse">
<button class="px-4 py-2 bg-amber-600 text-white dark:bg-amber-700 dark:text-stone-200 rounded-md shadow-md hover:bg-amber-700 dark:hover:bg-amber-800 transition duration-300 ease-in-out">Like</button>
<button class="px-4 py-2 bg-stone-400 text-stone-800 dark:bg-stone-600 dark:text-stone-200 rounded-md shadow-md hover:bg-stone-500 dark:hover:bg-stone-700 transition duration-300 ease-in-out">Comment</button>
<button class="px-4 py-2 bg-green-600 text-white dark:bg-green-700 dark:text-stone-200 rounded-md shadow-md hover:bg-green-700 dark:hover:bg-green-800 transition duration-300 ease-in-out">Share</button>
</div>
</div>
```Composants associés
Boutons de galerie de photos interactifs
Un ensemble de boutons réactifs et interactifs conçus pour les galeries de photos et les portfolios de photographes, avec une palette de couleurs forêt/vert et de subtils effets de micro-interaction pour l’engagement de l’utilisateur. Inclut la prise en charge du mode sombre.
Composant Boutons
Un composant de boutons au design minimaliste / plat avec une palette de couleurs en niveaux de gris. Il convient aux sites Web d’entreprise et a une complexité modérée avec certaines fonctionnalités interactives. Il est réactif et prend en charge le thème sombre en utilisant Tailwind CSS.
ArtDecoECommerceButtons
Un ensemble complexe de boutons e-commerce d’inspiration Art déco avec des motifs géométriques et des tons luxueux Ocean/Blue, optimisés pour la réactivité et le mode sombre.