This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Shoot@Site
Blast any website to pieces with realistic 3D guns
Shoot@Site is a Chrome extension that drops onto any webpage, hands you a pistol, AK47, or shotgun, and lets you blast the DOM apart. Every click fires a real 3D weapon with recoil, muzzle flash, and shell casings — and every hit shatters the actual elements on the page into physics-based debris with Delaunay fracture patterns. No signup, no tracking, no broad host permissions. Just activeTab, Alt+Shift+S, and stress relief.
Hey Product Hunt 👋
I build things to figure out how they work, and shoot@site started as a set of questions I wanted real answers to:
Can you run a full WebGL scene from inside a content script, on any webpage, without breaking the page?
Once that canvas is live, how do you get it to genuinely interact with the DOM underneath — not just float on top of it?
If a user "shoots" a DOM element, how do you make it actually disappear from the page and explode into 3D pieces at the same time, so the seam is invisible?
The last one was the fun rabbit hole. The trick I landed on is duplicating the target DOM node into a Three.js surface — snapshotting it to a texture, Delaunay-fracturing that texture into physics shards, hiding the original, and handing control to the GL scene at the exact same frame. Done right, your eye can't tell which version you were looking at a moment ago. It's the same problem upcoming browser APIs like "HTML in canvas" are going to make trivial — but today you have to stitch it together yourself, and that stitching taught me a lot about where the DOM and GPU actually meet.
A few other constraints I wanted to respect:
activeTab only. No "read and change all your data on every website." The overlay can't run on a page until you click the icon, hit Alt+Shift+S, or pick "Shoot this page" from the right-click menu.
Zero remote code. Models, HDRIs, sounds, and fonts all ship inside the zip.
Must survive strict CSP. Hacker News and YouTube took a week by themselves.
Would love to hear which site you demolish first, and what other DOM ↔ GL experiments you'd want to see next.
- Shaf
No comment highlights available yet. Please check back later!
About Shoot@Site on Product Hunt
“Blast any website to pieces with realistic 3D guns”
Shoot@Site was submitted on Product Hunt and earned 3 upvotes and 1 comments, placing #46 on the daily leaderboard. Shoot@Site is a Chrome extension that drops onto any webpage, hands you a pistol, AK47, or shotgun, and lets you blast the DOM apart. Every click fires a real 3D weapon with recoil, muzzle flash, and shell casings — and every hit shatters the actual elements on the page into physics-based debris with Delaunay fracture patterns. No signup, no tracking, no broad host permissions. Just activeTab, Alt+Shift+S, and stress relief.
Shoot@Site was featured in Chrome Extensions (52.6k followers) and Funny (11.4k followers) on Product Hunt. Together, these topics include over 15.7k products, making this a competitive space to launch in.
Who hunted Shoot@Site?
Shoot@Site was hunted by Shafu. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Shoot@Site stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Shafu