The 3D preview could not start on this device. The template and the downloads still work.

by FotoJock
Print areaSafe zoneHandleBleed
 
Drop your photos

Mug mockup generator: your design on a 3D coffee mug

Put your photos on a white mug: one side, both sides or all the way round. Turn it in 3D, then download a print-ready template and mockups. Free, and nothing is uploaded.

or drop or paste them here · your photos stay on your device

Or try a sample

Make a mug mockup without a photo shoot or layered files. Put your design or photo on a white 11 oz coffee mug, turn it in 3D, and save the mockup from the front, the left, the right or all three at once, with a transparent, white, grey or dark background.

How to make a mug mockup

  1. Add your design or photo; a PNG with a transparent background works too.
  2. Choose where it goes on the mug and crop it on the flat template.
  3. Turn the mug or tap Left, Front or Right for a quick view.
  4. Tap Download, choose Mockup, the view and the background, and save it as PNG or JPG.

Coffee mug mockup views and backgrounds

  • Left, front and right views, or all three side by side in one picture.
  • Transparent PNG for your own backgrounds, or white, grey or dark.
  • 1600 × 1600 pixels for a single view, 3000 × 1100 for all three.
  • A 4-second turntable video (MP4) of the mug turning once.

A realistic white mug

The mug is modelled from the real proportions of an 11 oz mug: rounded rim and foot, the handle, a glossy glaze with soft highlights and a shadow. Your design is wrapped exactly as it would be printed, so the mockup matches the print file.

Frequently asked questions

Is the mug mockup free?

Yes, every view and the video are free, with no watermark and no sign-up.

Can I use the mockup in my shop listing?

Yes. The 3D mug is our own model with no third-party photos in it, so you can use the picture with your design.

Do I need Photoshop or a PSD?

No. Everything happens in the browser, and you get a finished PNG or JPG.

Is my design uploaded?

No, it stays on your device.

Related free tools

A free tool by Foto Jocković. No sign-up, no account.

Cookie settings

Built by Foto Jocković

Photos

Tap a photo to put it on the mug. JPG, PNG, WebP or HEIC (where the browser supports it); drop or paste works too. Your photos stay on your device.

Samples

Sample photos: Wikimedia Commons (CC0). The Great Wave: The Metropolitan Museum of Art, Open Access (CC0).

Crop and position

Photo area
Zoom
Left – right
Up – down

Print resolution of the photo at this size: 300 DPI is ideal, 200 is good on a mug. Zooming in lowers it.

Repeats
Use all my photos
Same photo on both sides

On the template you can also drag the photo, and pinch or scroll to zoom.

Text

Font

Where
Size
Height

Colour

Shadow (easier to read on a photo)

The text always stays inside the safe zone, away from the rims.

Background colour

The colour around and behind your photos. White is the mug itself: no ink.

Download

Mirrored for sublimation paperTransfers are pressed face down, so they are printed mirrored. Leave it off if your print shop or printer driver mirrors for you.
View
Background
Format

The mug turning once, 4 seconds, 720 × 720 MP4: for messages and shop listings.

Send this design

Language

How it works

Everything happens on your device. No photo is uploaded anywhere.

Mug model, layout and file writers: our own. 3D: three.js (MIT). Sample photos: Wikimedia Commons and The Metropolitan Museum of Art (CC0). Fonts: SIL Open Font License. Credits and licences