Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Border Trace Button
Next: Confetti Button

Bounce Button

Playful button with elastic bounce animation on click for React.

Click it and watch it bounce! This button has a satisfying elastic spring animation that triggers on every click—like poking a jelly. It's that little bit of delight that makes users want to keep clicking. Perfect for fun brands, gaming sites, like buttons, or anywhere you want to inject some personality. The bounce is quick and snappy—pure dopamine.

Bounce Button preview

Loading...
Scroll to load preview

Installation

Install
Pro button

Pulse Button

Pulsing attention ring

Shine Button

Diagonal light sweep

Ripple Button

Material Design ripple

Liquid Button

Fluid fill animation

Magnetic Button

Cursor attraction

Flip Button

3D flip animation

FAQ

Border Trace Button

Button with an animated border that traces around the perimeter on hover for React.

Confetti Button

Button that bursts confetti particles on click for celebratory moments in React.