Mockup Engine — drop a design, get a scene

01 Templates

stage — White T-Shirt, Front

Nothing on the stage yet

Pick a template on the left, then drop a design on the right. The composite renders here.

02 Design & export

Your design

Click to browse or drag a file

PNG with transparency recommended

Multi-face dieline layout

Auto-adjust to avoid cutting design

I have a separate image for each face (most accurate — skips auto-detection)

Detected Panels

—

If the split looks wrong, drag the white dashed lines below to fix it. Tap the expand icon above for more room.

Add borders to inner panels (matches original design edges)

Package Dimensions cm

Enter real-world dimensions to scale the 3D model to match your actual packaging.

Blend

Overlay mode

Overlay opacity 85%

Design fit cover

Export

Tip — toggle corner pins on the stage to drag the four placement points directly, same geometry the backend spec.json would store.

Upload image

Click to browse or drag image

PNG, JPG, WebP supported

Background fill

After removal, replace background with:

Output format

Format

awaiting image

No image yet

Upload a product photo on the left and click Remove Background.

1 — Upload image

Click to upload or drag & drop

PNG / JPG · a single word or short phrase works best · paste also works

2 — What does it say?

Type it exactly as it appears — capitalization and punctuation help the match.

3 — Narrow the search

No image analyzed yet Upload a photo of some type, tell it what the text says, then run the analysis. It converts your image to a silhouette and compares it against a library of real fonts — no AI vision, no API calls.

Exported