Shatter
Enter any URL. Watch every element break apart and fall with real physics.
Puppeteer · Matter.js · Next.js
See it in action
Any webpage transforms into interactive physics elements
How it works
Three simple steps to destruction
Enter a URL
Paste any website address. We handle the rest -- no login, no setup.
Capture elements
Puppeteer loads the page and identifies every visible element with pixel-perfect accuracy.
Shatter and play
Elements break apart and fall with real gravity. Drag, throw, and watch them collide.
Features
Built for fun. Powered by real tech.
Real physics simulation
Powered by Matter.js -- elements have mass, friction, and bounce. Collisions look and feel natural.
Device sensor gravity
On mobile, tilt your phone to change gravity direction. Elements slide and tumble with your movement.
Drag and throw
Click or tap any element to grab it. Flick to throw it across the screen and watch it crash into others.
Works with any website
From news sites to social media. Shatter captures the visual layout of any publicly accessible URL.
Ready to break something?
Try it now. It only takes a URL.