Shadcn.io is not affiliated with official shadcn/ui
Elastic Button
Button that stretches like elastic when you pull the cursor away for React.
Grab it and pull. This button follows your cursor with a stretchy, elastic connection—like it's tethered to your mouse with a rubber band. Move away and it strains toward you, release and it snaps back with a satisfying wobble. It's playful physics that makes clicking feel tangible. The further you pull, the more it stretches. Perfect for game UIs, playful brands, or any interaction that should feel physically connected. Users can't help but play with it.
Elastic Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Bounce Button
Elastic click bounce
Magnetic Button
Particle attraction
Tilt Button
3D tilt effect
Morph Button
Shape morphing
Spotlight Button
Cursor-following light
Liquid Button
Fluid fill animation