Product Mockup Generator
Drop your logo or artwork onto a curated t-shirt, mug, tote, phone case, mailer box, poster, cap, sticker or business-card template, nudge the scale and rotation, then download a listing-ready PNG in under a minute. Everything renders on your own device — no account, no Photoshop, no uploads.
T-shirt (front) · Chest centre · 60% · print area 571 × 743 px
Mockup workbench
How it works
Three steps, no account, nothing uploaded.
Drop a PNG, JPG, WEBP, GIF or SVG (max 5 MB) onto the upload box, paste it from the clipboard, or tap to pick a file. The image is decoded locally and previewed as a thumbnail.
Choose one of ten curated templates, then a placement such as Chest centre, Wrap or Full-bleed. The artwork re-fits the safe print area automatically.
Slide the scale and rotation, drag the artwork on the canvas to nudge it, then export a PNG with a 2000 px long edge — named like your file, ready for a listing.
Ten curated product templates
Every template ships with its own safe print areas, so the mockup always looks like a real product shot rather than a logo pasted on a rectangle.
- T-shirt (front) — chest centre, left chest, full front
- Hoodie (front) — chest, left chest, full front
- Cap — front panel and large front print
- Ceramic mug — wrap, front patch, small badge
- Tote bag — front centre, wide banner, small square
- Phone case — full back bleed, camera-safe centre
- Mailer box — front panel and top lid
- Poster print — full-bleed or centred margin
- Business card — full card, left panel, centre lockup
- Sticker / decal — circle die-cut or rounded square
Built for sellers in a hurry
Your artwork never leaves the browser. There is no upload endpoint, no account and no watermark — the canvas is composited and encoded on your own device.
Under the canvas you get a caption such as “T-shirt (front) · Chest centre · 60% · print area 857 × 1114 px” so you can reproduce the exact same listing shot later.
Oversized or unreadable files are rejected with a clear message and your previous artwork stays on the canvas. Very light logos get a contrast hint, and blocked exports say so instead of failing silently.
The preview stays pinned while you scroll the controls on a phone, sliders get wider thumbs, and the Download button is fixed to the bottom bar.
Drop the mockup background entirely for a cut-out PNG that sits on any listing page, or pick a flat colour for a clean studio look.
Templates are drawn with Canvas 2D vector art, so there are no stock photos to download and no third-party scripts to wait for after the first load.
Mockup FAQ
Do I need an account or a subscription?
No. The generator is free and anonymous — there is no sign-up, no email and no paywalled export. Download as many PNGs as you like.
Where is my artwork stored?
Nowhere. It is read into an object URL in your browser and drawn straight onto a canvas. Closing the tab discards it, and no server ever receives the file.
What resolution do I get?
The export is rendered at a 2000 px long edge — wide enough for Etsy, eBay, Amazon or a UK print-on-demand listing. The caption above shows the print-area size in pixels for that template.
Why was my HEIC photo or 20 MB file rejected?
Browsers cannot reliably decode HEIC, and the limit keeps everything snappy on phones. Convert to PNG or JPG under 5 MB and the previous artwork will simply be replaced.
My logo is white — why does it disappear?
A light logo on a white product is invisible. Switch the mockup background to the dark slate swatch, or pick a placement over a darker area, and the contrast hint under the canvas will confirm it.
Can I move the artwork off centre?
Yes — drag it directly on the preview. A dashed print-area guide appears while you drag so you can see exactly where the print boundary is, and Reset puts it back to centre.