Bouton en pâte à modeler
Un bouton gonflé et moelleux qui s'écrase quand on clique puis reprend sa forme en tremblant légèrement.
Réglages
Code
<button class="uv-cly">Ajouter au panier</button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons
Voir tout : BoutonsOù l’utiliser
Le claymorphism donne aux interfaces plates un côté jouet qu'on a envie de toucher, et ce bouton en profite avec des lumières et des ombres internes qui le font paraître gonflé. Au clic, il s'écrase puis rebondit comme un ressort, ce qui rend l'appui presque physique. Il va bien aux applis pour enfants, aux boutiques décontractées, aux jeux et aux écrans d'accueil chaleureux.
Le rayon des coins se règle, du carré adouci à la pilule complète. Choisis une couleur principale claire pour que l'ombrage interne reste lisible, et garde-le unique sur l'écran : deux boutons gonflés côte à côte se font concurrence.