Shadcn.io is not affiliated with official shadcn/ui
Elastic Button
Button that stretches like elastic when you pull the cursor away for React.
Elastic Button preview
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.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the elastic-button button into my projectRelated 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
FAQ
Was this page helpful?
Sign in to leave feedback.