Captured.
Paste a link and a real browser opens the page on the server, clears any cookie banner and sends the screenshot back to the studio.
The brief
A screenshot goes in. A finished launch image comes out, in a real 3D device, on a backdrop made from its own colours.
DudeShots is mine. I kept needing mockups of client sites for case studies and launch posts, and every tool I tried was either a full design program or a template with a watermark on it. So I built the studio I wanted: paste a link or drop in a screenshot, pick a device, turn it to the angle you want, export. It started as a tool for my own client work. Now it's a product with a free tier, a £5 Pro plan and an API.
- Paste a link, get a finished mockup. No design program, no signup
- Real devices, flat or in 3D, turned to any angle
- Free to use, with Pro for anyone who wants the whole studio
What I didWeb app
3D mockup studio
Payments
API2026 · Next.js + Supabase + Stripe
3D mockup studio
Payments
API2026 · Next.js + Supabase + Stripe
02 / 03Rough idea → wireframe → built properly
The build
Rough ideaWireframeBuilt properly
The pages
The site sells it. The studio does the work.
01 · HomeScreenshot mockups, shot properly.What it does in one line, then the new effects, the 3D turntable and the five steps from a link to a finished image.
02 · The studioThe custom part: the studio itself.Paste a link and the page is captured, framed and lit. Here it is holding Mooka, a BAAARK! site, in a Safari window.
03 · PricingFree, or £5 for the whole studio.Every limit in one table, so nobody has to guess what Pro unlocks.
Under the bonnet
Framed.
45 devices, from phones and tablets to monitors and watches. Every one works flat, or as a real 3D model you can turn.
Dressed.
30 backdrop styles that take their colours from your own screenshot, plus 15 cast shadows and 8 Surface effects: rain, underwater, paint.
Paid.
Stripe for the £5 Pro plan and a one-off lifetime option, Supabase for accounts. The free studio needs no signup at all.
Automated.
An API that renders exactly what the Export button does, so mockups can be made from a script.
Built.
Next.js, React and three.js on Vercel. Designed, written and shipped by me.
03 / 03What changed, and what the client said
The results
The results
Live, fast, and still shipping.
45devices, each one flat or in 3D
141commits between 16 July and 28 September 2026
100Lighthouse performance score on desktop
£5a month for the whole studio
- Live at dudeshots.com with a free studio and a paid Pro plan
- Lighthouse on desktop: 100 for performance, best practices and SEO
- Zero layout shift on mobile and desktop
- Nine free tool pages, three comparisons and eight guides, all written for search
