Knete-Button
Ein praller, weich wirkender Button, der sich beim Drücken staucht und wie Knete zurück in Form wackelt.
Einstellungen
Code
<button class="uv-cly">In den Warenkorb</button>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Claymorphism gibt flachen Oberflächen etwas Spielzeughaftes, das man anfassen möchte. Dieser Button nutzt das mit Licht und Schatten im Inneren, sodass die Pille aufgeblasen wirkt. Beim Klick staucht er sich und federt zurück, der Druck fühlt sich dadurch körperlich an. Passt zu Kinder-Apps, verspielten Shops, Spielen und freundlichen Onboarding-Screens.
Der Eckenradius ist einstellbar, vom weichen Quadrat bis zur vollen Pille. Nimm eine helle Hauptfarbe, damit die Schattierung gut lesbar bleibt, und setze ihn nur einmal pro Screen ein: Zwei aufgeblasene Buttons nebeneinander konkurrieren.