Mockups · by Kindling Threads · v1.9.0

↑

Upload

Shirt photo Front

Shirt rotation 0°

No shirt loaded.

Artwork

Graphic 1 Graphic 2 Graphic 3

Currently editing: Graphic 1

Link movement G to toggle · Shift+G to link all

No graphics linked yet.

No graphic loaded.

≡

Layers

Graphic 1

No graphic loaded.

Graphic 2

No graphic loaded.

Graphic 3

No graphic loaded.

Active layer name

✥

Position

Scale 50% Rotate 0°

Drag artwork to move. Shift + scroll to scale. Arrows to nudge.

⌖

Placement Presets

T-Shirt

◐

Realism Engine

Blend mode

Fabric

Shadows 34% Highlights 22% Grain 12%

Print

Opacity 96% Wrinkle distortion 8% Surface shape Curvature 0%

Bends the artwork around the shape it’s printed on. A cap crown is a dome — without this the design stays flat and reads as a sticker no matter how good the shading is.

Garment shading 0% Fabric texture 0%

Shading is the broad stuff — folds, curvature, lighting. Texture is the weave itself coming through the ink. DTF and screen print sit in the fabric: try 50% shading, 60% texture. Vinyl and embroidery sit on top — keep texture low. Strength auto-adapts to the photo, so a flat studio shot gets the same effect as a wrinkled one.

Color overlay Recolor the active graphic without editing the source file

Strength 100%

Distress procedural — strict cutouts

Amount 45% Scale % 100% Seed 7

Free Trial 0/20 mockups

Quality

Apply watermark to exports

Project Unsaved

1 Upload Shirt

2 Add Artwork

3 Export

100%

Start your first mockup

Build a mockup in 3 quick steps

Pick a garment, drop in your artwork, then export a polished product preview — or close this card to dive straight into the controls.

1

Pick a garment Browse Gildan, Bella, Comfort Colors — or bring your own photo.

→

2

Add your artwork Upload Graphic 1 or 2 and position the print.

→

3

Export the mockup Polished PNG, or batch fifty at once.

Press ? any time to see keyboard shortcuts.

Admin Settings

Studio defaults and left-panel tool order. Saved locally in this browser.

Default Studio Values

Applied when the app loads and when you reset defaults.

Default graphic scale

50%

Default graphic rotation

0°

Default blend mode

Default print opacity

96%

Default wrinkle distortion

8%

Default fabric grain

12%

Default fabric shadows

34%

Default fabric highlights

22%

License Status

Manually flip a user between Trial and Pro. The watermark and export gate apply only to Trial.

Trial

Gumroad checkout config — set these once after creating your product. Leave blank to disable buying / license entry.

Checkout URL Product Permalink (slug)

The slug is the last part of your product URL — e.g. for gumroad.com/l/mockuppress-pro it's mockuppress-pro.

Settings Backup

Everything on this page — licensing, watermark, tool order, login screen, and your access code — lives in this browser only. Clearing site data erases all of it. These controls give you a copy that does not.

Auto-backup: not set up

Auto-backup writes to a file you choose, by itself, whenever these settings change — and keeps the last three versions. The export also carries your uploaded login backdrop and watermark logo.

Tool Order

Move tools up or down to decide the order of the left-side workflow.

Trial Watermark

Customize the watermark tiled over Trial-mode exports. Upload a logo to repeat as a grid, set custom text, or combine both. Pro exports are never watermarked.

Style Pattern

Text source

Watermark text

Logo image

PNG with transparency works best. Downscaled and stored locally — nothing is uploaded.

Opacity 55% Tile size 1.0× Animation effects

Speed 1.0× Drift direction

🔒 Access Code

Change the code that gates this admin panel and the login screen. Takes effect immediately in this browser only — other browsers keep their own code.

Code length

Applies when you set a new code below. The login screen picks it up on next load.

Current code New code Confirm new code

🎨 Login Screen

Backdrop for the launch screen everyone sees before the app opens. Saves as you go and applies on the next load — use Preview to check it now.

Mockups

Presets

Backdrop Default Your image

Stored at full resolution in this browser — nothing is uploaded.

Fit Colours

From → to

Angle 160° Blur 0px Dim 0% Slow motion — drift the backdrop

Request access button Sends people to

An email address becomes a mailto link. Leave blank to reuse your Gumroad checkout URL — if that's blank too, the button stays hidden.

📁 All Projects

Full-page browser with search, sorting and client details. The Open button in the sidebar still works the same way — this is the wider view.

✅ Client Approvals build 2026-08-23-b

Send clients a link to approve a mockup or request changes. Needs the approvals folder uploaded to your host — see its README.

Approvals URL Owner key

Stored in this browser. Anyone with it can create links on your server — never give it to a client.

Admin ready.

Keyboard Shortcuts

Press ? any time to open this panel.

History

Undo⌘+Z

Redo⌘+⇧+Z

Layer Selection

Select Graphic 11

Select Graphic 22

Toggle visibilityV

Toggle lockL

Duplicate active layerD

Delete active layer⌫

Bring forward]

Send backward[

Move & Transform

Nudge by 4 px↑↓←→

Nudge by 20 px⇧+↑↓←→

Scale active layer⇧+scroll

Zoom canvas⌘+scroll

Center active layerC

Fit canvas to viewF

General

Export PNG⌘+E

Close any overlayEsc

Lock the app⌘+⇧+L

Lock the app (alternate)Ctrl+⌥+L