gravity.css
Open sandboxLive physics demo — drag the blocks
What if websites
had physics?
Gravity.css is a creative sandbox that turns beautiful web layouts into a real-time physics playground. Drop, throw, explode, and warp UI.
Today's Challenge
One-tap detonation
Send everything flying with a single explosion click.
saas landingexplosion
Twelve ways to break the internet
Every mode is a new personality for your layout.
Zero Gravity
Try it in one click
Explosion
Try it in one click
Earthquake
Try it in one click
Wind
Try it in one click
Black Hole
Try it in one click
Balloon
Try it in one click
Slow Motion
Try it in one click
Reverse G
Try it in one click
Showcase
Real templates. Real physics. Endlessly shareable.
Ecommerce earthquake
A whole product page shakes apart.
Zero-gravity landing
Every card floats away.
Black hole UI
The interface collapses inward.
Domino dashboard
Cards fall in perfect sequence.
Wind on kanban
Tasks scatter across the board.
Balloon pricing
Every card floats upward.