← nan.do
BouncyGen
Select Preset
🍮 Jelly Pop
🚀 Rocket Launch
🦆 Rubber Duck
🌋 Earthquake
🎈 Boing
🎡 Tilt-A-Whirl
😎 Confident
🐶 Puppy Jump
🌸 Slow Bloom
⚡ Snap
🫧 Soap Bubble
🎳 Bowling Ball
🏓 Ping Pong
🤸 Trampoline
🐈 Cat Pounce
🍾 Champagne Cork
🏀 Basketball
🐕 Wet Dog
⌨️ Typewriter Key
🍿 Popcorn
Reset
Reset
Hover me!
Effect
Scale
?
How much the button grows in size
50
Lift
?
How high the button floats upward
40
Wobble
?
How much the button rotates side-to-side
10
Squash
?
How much the button squishes vertically before bouncing
20
Spring
Stiffness
?
How strong the spring force is
200
Damping
?
How quickly the oscillation dies down — higher values settle faster
10
Mass
?
How heavy the object feels; affects speed and overshoot
1
CSS
Tailwind
Framer
React Spring
Copy Code
✓
Copied!