Shadcn.io is not affiliated with official shadcn/ui
Morph Button
Button that morphs between shapes with elastic spring animation on hover for React.
Ever poke a blob and watch it squish? That's this button. Hover and it smoothly morphs from a rounded rectangle into a playful organic shape—like it's alive and responding to your cursor. The elastic spring physics make it feel satisfyingly squishy. It's that little touch of personality that makes your UI feel handcrafted rather than generic. Perfect for creative portfolios, playful brands, or anywhere you want buttons that feel alive. Works great for primary CTAs that need character.
Morph Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Bounce Button
Elastic click bounce
Magnetic Button
Particle attraction
Liquid Button
Fluid fill animation
Pulse Button
Pulsing attention ring
Ripple Button
Material Design ripple
Shine Button
Diagonal light sweep