3DMockups Start free
Free · No signup · Now with free video export

Free 3D mockup generator for books, logos, apparel, packaging and devices

Upload a flat design and turn it into a real 3D object you can rotate, light and download as a high-resolution PNG or a turntable video. Nothing to install, nothing uploaded, no watermark on your image, and a practical guide below for getting every mockup right first time.

Make a 3D book mockup See all 12 tools Learn the basics
  • Transparent PNG up to 6000 px
  • Free MP4 turntable videos
  • Works on phone and laptop
  • Your files stay on your device
3D mockups made with the free tools: a hardcover book, a glass bottle, a drink can, a phone and a mug
New · Studio 2.0

Pro mockup features, still free for everyone

Most mockup apps keep video, 4K and social sizes behind a paid plan. Every tool here now has them, at no cost and with no watermark.

🎬 Turntable videos

Record a 360° spin, swing, floating orbit or zoom reveal as a 1080p MP4. Boxes get an unboxing, laptops a lid opening.

📐 Every social size

Square, 4 : 5 post, 9 : 16 Story and Reel, 16 : 9, 3 : 2 and Pinterest 2 : 3. The preview matches the file you download.

💡 Studio lighting

Studio, soft, drama, golden and cool moods, a light you can move round the object, brightness and a real camera lens.

📦 Batch downloads

All camera angles in one ZIP for marketplace listings, and every T-shirt or hoodie colour in one click.

🖼️ Your own backdrop

Drop in a photo of a desk, shelf or street and place the product in it, or pick one of eight studio backdrops.

🖨️ 6000 px print files

Tiled rendering makes huge PNG, JPG or WebP files on any device that has the memory for them.

📋 Paste & copy

Paste artwork with Ctrl / ⌘ + V, drop it on the 3D view, and copy the finished image straight into Canva, Figma or WhatsApp.

🆕 Three new tools

Bottles, business cards and tablets, plus screen recordings on phones, tablets and laptops.

Live tools
12
Largest export
6000 px
Video export
Free
Files sent to a server
0
Price, signup or watermark
None
The toolkit

Pick the object you want to show

Each tool is built around a real 3D model rather than a stock photo, so you control the angle and the details. New tools are added one at a time, only once they are good enough to use in a real listing.

Books & brand

📘

3D Book Mockup

Real trim sizes, KDP spine width from page count, full-wrap covers, stacks and sprayed edges.

Best for: pre-orders, author sites, Amazon A+ ✨

3D Logo Mockup

Give a flat logo real thickness in gold, copper, chrome, wood or acrylic, or light it up as a neon wall sign.

Best for: brand reveals, office signage, reels New🪪

Business Card Mockup

Both sides of a visiting card, standard or thick luxe stock with a painted edge, as a pair, stack or standing.

Best for: identity decks, printers, Behance

Apparel

👕

T-Shirt Mockup

Regular or oversized tees, front and back prints, 14 colours plus custom, vintage print look.

Best for: merch drops, print-on-demand stores 🧥

Hoodie Mockup

Pullover or zip-up fleece with a real hood, drawcords and pocket; export every colourway in one click.

Best for: winter drops, college fests, team kits

Packaging

📦

Box Mockup

Folding cartons or two-piece rigid lid boxes at real size in cm, in matte, gloss or kraft, with an unboxing video.

Best for: D2C launches, retail pitches 🥫

Can Mockup

Wrap a drink label round a 250, 330, 355 or 500 ml can, with metallic inks and silver, black or gold lids.

Best for: beverage brands, craft brewers ☕

Mug Mockup

11 oz and 15 oz ceramic mugs, full wrap or one-side print, two-tone inside and handle.

Best for: gift shops, café merch New🍾

Bottle Mockup

Labels on amber, green, cobalt or clear glass; logos on steel flasks and cosmetic pump bottles.

Best for: beverages, skincare, merch bottles

Devices

📱

Phone Mockup

App screenshots or screen recordings on a clean, logo-free 3D smartphone, portrait or landscape.

Best for: app store art, product hunt, pitch decks New📲

Tablet Mockup

Courses, e-books and dashboards on a thin-bezel tablet, with video screens and landscape mode.

Best for: ed-tech, digital products, SaaS decks 💻

Laptop Mockup

Websites and dashboards, or a screen recording, on a laptop with an adjustable lid and a lid-opening video.

Best for: portfolios, SaaS landing pages, case studies
Who it is for

Real jobs people use 3D mockups for

A mockup earns its place when it replaces something slow or expensive: a print sample, a photo shoot, or a long explanation to a client.

Self-published authors

Show the finished paperback on a pre-order page months before the proof copy arrives, and reuse the same render for launch posts, newsletters and the author bio page.

Open the book tool →

Brand & logo designers

Present a new identity the way the client will meet it: as a metal sign at reception or an acrylic plaque, not a flat vector on white. Approvals come faster when people can picture it.

Open the logo tool →

D2C & FMCG founders

Test three carton or label directions with your audience before paying a printer for samples. Enter the real dimensions so the proportions match the shelf.

Open the box tool →

Merch & print-on-demand sellers

Preview a print on the exact blank colour you stock, check that a chest graphic clears the hoodie pocket, and list new designs the same day you draw them.

Open the T-shirt tool →

App makers & SaaS teams

Turn plain screenshots into store graphics, landing-page heroes and investor-deck slides without pulling a design file into heavy 3D software.

Open the phone tool →

Students & teachers

Design-school briefs, packaging projects and portfolio reviews look sharper with a believable product shot, and nothing needs installing on a lab computer.

Open the mug tool →
How it works

From flat file to 3D image in four steps

  1. Pick a tool for the object you want to show: book, logo, business card, T-shirt, hoodie, box, can, mug, bottle, phone, tablet or laptop.
  2. Add your design. Click, drop it on the 3D view or paste it with Ctrl / ⌘ + V. It is read straight into the page; there is no upload bar because nothing is uploaded.
  3. Set the scene. Pick the shape (square, 4 : 5, 9 : 16, 16 : 9…), rotate, choose a lighting mood, finish, shadow and backdrop.
  4. Download or record. Save a transparent PNG, JPG or WebP up to 6000 px, every angle as a ZIP, or a 1080p turntable video for Reels and product pages.

What happens under the hood

Your browser already contains a graphics engine called WebGL, which talks directly to your device's GPU. Each tool builds a 3D model (a book block, a can cylinder, a shirt mesh) and uses your image as a texture, the same way a video game paints a picture onto a surface.

The model is then lit by a virtual photo studio: an environment map provides soft reflections, a key light gives direction, and a shadow plane catches the shadow on the floor. Materials follow physically based rendering (PBR) rules, so a chrome logo reflects sharply while a matte paperback scatters light softly.

When you press download, the scene is rendered again at your chosen size, in tiles for very large files, and saved by the browser. For a video, the camera moves frame by frame while the browser records the canvas into an MP4 or WebM. The whole loop happens on your device, which is why it keeps working offline.

Mockup school

A short guide to mockups that actually convince

Good mockups are mostly about preparation and restraint. These notes collect what we learned building the tools and using them for our own product listings.

1. What a 3D mockup is, and why it works

A mockup is a realistic preview of how a design will look once it exists in the physical world. A 3D mockup takes your flat artwork, say a book cover or a box label, and wraps it around a three-dimensional model of that object. Because the model has real depth, the preview shows edges, thickness and light falling across a surface.

Those cues matter more than people expect. Our brains judge "is this real?" mainly from shading and shadow. A flat rectangle reads as a graphic; the same rectangle with a spine, a soft floor shadow and a highlight along one edge reads as a product you could pick up. That shift is why listing pages with object shots tend to feel more trustworthy than ones showing bare artwork.

The practical benefit is timing. Authors use 3D book images for pre-orders months ahead of the print run. Brands test packaging ideas without paying for samples. Designers send clients a convincing preview instead of a flat PDF, and catch layout problems (text too close to a fold, a logo hidden behind a mug handle) before anything is printed.

2. Preparing artwork: the 80% of a good result

Most disappointing mockups come from the input file, not the renderer. Before you open a tool, check three things.

Proportions

Match the shape of the real surface. A 6 × 9 in paperback cover is 2 : 3; a 330 ml can label is a wide strip around 2.2 : 1. Squeezing a square design onto a tall surface stretches it. Every tool page lists the proportions it expects.

Pixel count

The surface may fill most of a 4000 px export, so the artwork needs enough pixels to stay sharp. As a rule of thumb, give the longest side at least 1500 px, and 2500 px or more for wrap-around labels and full covers.

Safe margins

Curves and edges hide part of the design. Keep text and logos about 5% in from every edge of a cover, away from the seam of a can label, and clear of the handle zone on a mug.

Working out a book spine

Spine width depends on page count and paper. Print-on-demand services publish a per-page thickness; a widely used figure for standard white interior paper is about 0.0572 mm (0.002252 in) per page, and about 0.0635 mm (0.0025 in) for cream paper. So a 300-page book on white paper has a spine of roughly 300 × 0.0572 ≈ 17 mm. Always confirm with your printer's own calculator before sending files, but the formula keeps a mockup believable.

Transparency for logos

The logo tool builds depth from your file's transparent pixels. A logo on a white box becomes a white slab. Export a PNG with a transparent background, or upload the SVG directly, and remove stray semi-transparent pixels around the edges for crisp sides.

3. Colour and file formats in plain words

Screens mix light in RGB; printers lay down ink in CMYK. Browsers, including these tools, display RGB, so a print-ready CMYK PDF should be exported to an sRGB JPG or PNG before you load it. If you skip that step, some colours (especially bright blues, greens and oranges) may look more vivid on screen than they ever will on paper.

FormatUse it forWatch out for
PNGLogos, screenshots, artwork with flat colour or transparencyLarge file size for photos
JPGPhotographic covers and labelsNo transparency; save at high quality (85%+) to avoid blocky edges
WebPSmaller files with or without transparencySome older editing apps cannot open the exports
SVGVector logos in the logo toolFonts must be converted to outlines first, or the text may change

DPI is a print instruction, not an image property that changes quality on screen. A 2400 × 2400 px export looks identical whether it is tagged 72 or 300 DPI. What matters for print is pixels ÷ inches: 2400 px printed at 8 inches wide gives 300 pixels per inch.

4. Angles, light and shadow

  • The three-quarter view sells. Turning an object 25 to 35 degrees shows the front plus one side, which proves it is three-dimensional without hiding the artwork. Save straight-on views for when the front design is the whole story.
  • Look slightly down. A camera a little above the object matches how people see products on a table or shelf. Shots from below make small items look monumental, which suits logos but rarely books or mugs.
  • One clear light direction. Light from one side reads as natural to most viewers. Use the Light direction slider to put the highlight where you want it; the floor shadow moves with it. Soft suits cosmetics and books, Drama suits metal logos and dark packaging.
  • Be consistent across a set. If you are showing a product range, keep the same angle, zoom and background for every item. A grid of matching shots looks like a catalogue; mixed angles look like a collage.
  • Less background, more product. A plain or transparent background keeps attention on the design and lets you reuse the image across platforms with different colour schemes.

5. Export size cheat sheet

Every tool exports PNG, JPG or WebP at 1080, 2400, 4000 or 6000 px on the long edge, in square, 4 : 5, 9 : 16, 16 : 9, 3 : 2 or 2 : 3, plus 1080p videos. Here is how those map to common destinations. Platforms change their guidance from time to time, so treat this as a starting point and check the current help pages for anything critical.

Where it will appearTypical requirementExportBackground
Amazon / Amazon.in main imageAt least 1000 px on the longest side for zoom; product filling most of the frame2400 px JPGPure white (#FFFFFF)
Shopify / WooCommerce productSquare images around 2048 px look sharp on zoom2400 pxYour store's colour or white
Instagram feed1080 × 1080 square or 1080 × 1350 portrait1080 px, Square or Instagram post 4 : 5Brand colour
Stories, Reels covers, WhatsApp status1080 × 1920 verticalStory / Reel 9 : 16 at 2400 px, or a 9 : 16 videoTransparent, then add your own
Website hero or blog1200 to 2000 px wideWidescreen 16 : 9 at 2400 px WebPTransparent
Link previews (Open Graph)1200 × 630Widescreen 16 : 9 at 1080 pxSolid colour
Flyers, posters and print adsAbout 300 pixels per inch at final size6000 px PNG (20 in at 300 ppi)Transparent

6. 3D generator, photo template or real sample?

All three have a place. The right choice depends on how far along the product is and where the image will be used.

Factor3D mockup generatorPhoto (PSD) templatePrinted sample + shoot
CostFree hereFree to paid per templatePrinting, shipping and photography
Time to first imageA minute or two10–30 minutes in an editorDays to weeks
Change the angleAny angle, any timeOnly the angle that was photographedReshoot
Change size or thicknessSliderUsually not possibleNew sample
Software neededA browserPhotoshop or similarCamera, lights, editing
RealismClean studio lookHigh, in one staged sceneThe real thing
Best stageIdea to launchMarketing a finished designFinal hero shots after launch

7. Seven mistakes that give a mockup away

  1. Stretched artwork from the wrong aspect ratio. Circles turn into ovals and text looks condensed.
  2. Low-resolution source files that look fine as a thumbnail and soft at full size.
  3. Unreadable small text. If a tagline cannot be read at phone size, it does not help the listing.
  4. A spine that does not match the page count, such as a 90-page booklet rendered as thick as a dictionary.
  5. Artwork hidden by the object: a logo behind a mug handle or a label seam running through a face.
  6. Heavy, distant shadows that make the object look as if it is floating above the floor.
  7. Misleading previews. Showing a finish, size or colour you cannot actually deliver costs more in returns than it gains in clicks.

8. Glossary

Bleed
Extra artwork beyond the trim line so no white edge appears after cutting. Remove it before loading a cover into a mockup.
Dieline
The flat template of a box or label showing cut and fold lines. For mockups, crop each visible panel separately.
Environment map
A 360° image of a surrounding space that a 3D scene uses for reflections and soft fill light.
Extrusion
Pushing a flat 2D shape backwards to give it thickness. The logo tool extrudes your mark into a solid.
PBR
Physically based rendering: materials described by roughness and metalness so they react to light like real surfaces.
Render
The final image calculated from a 3D scene. Each download is a fresh render at your chosen size.
Safe zone
The area of a design guaranteed to stay visible after trimming, wrapping or folding.
Texture
A 2D image painted onto a 3D surface. Your uploaded design becomes the texture.
Transparent PNG
An image with an alpha channel, so everything except the object is see-through and can sit on any background.
Wrap
Artwork that travels all the way around a curved object, like a can label or a full mug print.
Quick wins

Design tips from the studio

One is picked as the tip of the day each time you visit on a new date.

  • Name your exports. Rename downloads to product-angle-size.png right away; a folder of “mockup (7).png” files wastes more time than making them.
  • Darken the blank, not the art. On a black tee or mug, a design with thin dark lines disappears. Add a light outline or pick a lighter blank.
  • Check at thumbnail size. Zoom your browser out until the mockup is the size of a search result. If the title is unreadable, simplify the cover.
  • Match real proportions. Enter the true carton size in centimetres. Buyers notice when a box in your listing looks squatter than the one that arrives.
  • Use one background per collection. Consistent backgrounds make a grid of products feel like a brand instead of a mix of downloads.
  • Leave breathing room. Set the object to around 80% of the frame so marketplaces can crop the image without cutting off an edge.
  • Show the back too. For books and T-shirts, a second image of the back answers questions before buyers ask them.
  • Shoot the shape you post. Pick 9 : 16 before you export a Story or Reel, so the product is framed for that screen instead of cropped later.
  • Keep videos short. A 4 to 6 second turntable loops cleanly on Instagram and WhatsApp status; save 12 seconds for slow reveals.
  • One ZIP per listing. "All angles · ZIP" gives a marketplace set (hero, front, side, back) with identical lighting in one click.
  • Preview on a phone first. Most shoppers will see your mockup on a small screen, so judge contrast and detail there before publishing.
Privacy by design

Your artwork never leaves your device

Unreleased covers, client logos and packaging drafts are often under NDA. That is why we built the tools so there is nothing to leak: your file is read by the browser, turned into a texture and rendered locally. There is no upload endpoint, no account and no image log on our side.

You can check this yourself. Open a tool, switch your device to airplane mode after the page loads, and keep working. Everything still renders and downloads.

Read the privacy policy
  • No signup. Open a tool and start; nothing to remember.
  • No watermark. Exports are clean and ready to publish.
  • No tracking pixels on your designs. We never see them.
  • Installable. Add it to your home screen or desktop and use it offline.
Questions

Frequently asked questions

Are the 3D mockup tools really free?

Yes. Every tool on 3dmockups.in is free to use with no account, no watermark and no limit on downloads. There is no paid tier hiding the good settings.

Do you store the images I upload?

No. Your files are opened and rendered inside your own browser with WebGL. They are never uploaded to our server, which is why there is no progress bar when you add a design.

Can I use the mockups commercially?

Yes. The rendered images are yours to use in store listings, ads, client presentations and print, provided you hold the rights to the artwork you placed on them. No credit is required.

What is the difference between a 3D mockup and a photo mockup?

A photo mockup places your design onto one fixed photograph. A 3D mockup wraps it onto a 3D model, so you can change the angle, thickness, lighting and background before exporting. Photo mockups can look more lifelike in one specific scene; 3D mockups win on flexibility.

Which file formats can I upload?

JPG, PNG, WebP and SVG all open in every tool. Use PNG or SVG with transparency for logos, and a high-quality JPG or PNG for covers, labels and screenshots.

Why does my design look blurry on the 3D model?

Usually the source file is too small for the surface it covers. A wrap-around label or a full book cover needs far more pixels than a thumbnail. Aim for at least 1500 px on the longest side, and match the proportions listed in the tool so nothing is stretched.

Should I export PNG, JPG or WebP?

Pick PNG when you need a transparent background to place the mockup on another layout, website or ad. Pick JPG for a smaller file with a solid background, for example a quick WhatsApp share. WebP is smallest of all and suits websites.

Can I make a video of my mockup?

Yes, free and without a watermark. Under the 3D view pick a motion (360° turntable, swing, floating orbit, zoom reveal, plus unboxing for boxes and lid opening for laptops), a length of 4 to 12 seconds, and click Record video. You get a 1080p MP4 in the shape you picked, including 9 : 16 for Reels.

Does it work on a phone?

Yes. All tools run on recent Android and iPhone browsers. Drag with one finger to rotate and pinch to zoom. Exports at 4000 and 6000 px use more memory, so on older phones 2400 px is the safer choice.

Can I use the site offline?

Yes. After your first visit the tools are cached, and you can install 3D Mockups as an app from the footer button or your browser menu. Mockups then open and export without a connection.

Which tool is coming next?

Pouches, posters and photo frames. The bottle, business card and tablet mockups are the newest additions. Each new tool goes live only once its output is good enough for a real product listing.

See all the answers in the FAQ →

Ready to see your design in 3D?

Pick a tool, drop in your file and download in under two minutes.

Book mockup Logo mockup T-shirt mockup All 12 tools