Create professional product images with realistic hat mockups. Browse baseball caps, trucker hats, beanies, and snapback mockup templates for your online store.

Free maker tool

Hat Mockup Studio

Upload your artwork, choose a hat, and preview your custom patch before ordering.

Your mockup appears here Upload your patch artwork and pick a hat to begin.

Lock position Alignment guides

Focus the preview and use arrow keys to nudge; hold Shift for a larger move. Guides are excluded from downloads.

Export & business branding

Maximum export width

Limited to the original hat photo's width; smaller photos are not upscaled.

Business name

Tagline or website

Include business branding below the mockup

Mockup editing happens in your browser. Saving a project stores it on your device; ordering sends artwork and the mockup to Shopify. Email signup is optional.

1Your patch artwork

Drop your artwork here PNG with a transparent background works best · JPG, WebP and SVG also work

2Pick a hat

Or use your own hat photo Shoot straight on with the patch area flat to camera · plain background works best

3Patch shape

Fill enclosed gaps with the patch color, instead of leaving the hat visible through holes inside the design (like the inside of a letter O).

4Base material

5Cut line

Finished patch width (inches)

Cut offset

The border of base material outside your artwork, in real inches.

6Nudge the placement

Size

Across

Up / down

Rotate

7Compare hat colors

Tick every hat you want and export them all with this same design.

Client said yes? Order the Hats.

No minimums, full color UV printing, and Lonestar Adhesive already applied.

Hat Mockup Studio

Client said yes? Order the Hats.

Your cart

Create account