Product Mockup API to Generate Mockups Programmatically

MockupKit's Mockup API lets developers generate photorealistic product images programmatically via a REST API.

Built for POD platforms, marketplaces, and e-commerce tools: pass artwork and a template ID, receive a high-resolution product image in seconds. A developer-first alternative to Placeit and Canva for automated listing images.

  • REST API with API key auth
  • Single, batch, and collection renders
  • Colour fill overrides on render
  • 1,000+ product mockup templates

Free tier includes 25 API renders per month

Gildan G18000 Sweatshirt Grey
Card Mockup 30
Halloween Frame Mockup 588
Purple Mug 21

Built for teams that generate mockups at scale

Whether you are automating a POD marketplace or adding mockups to a SaaS product, the MockupKit API handles template lookup, smart object placement, and render delivery.

PS-Premium-LettermanJacket-Mockup-F1

Print-on-demand platforms

Generate mockups programmatically for every SKU when a seller uploads a design. Batch render across apparel, mugs, posters, and home goods without manual Photoshop work.

Frame 91

E-commerce catalogue automation

Use the product mockup API to create listing images for Shopify, Etsy, and Amazon at scale. Swap artwork per variant and keep product shots consistent across your store.

Square 38

Bulk mockup generation

Render one design on dozens of templates in a single API call with template_ids[] or an entire collection with collection_id. Built for bulk mockup generator API workflows.

Tshirt Mockup 83

Custom design tools

Build custom product configurators with template metadata and colour fill overrides, then call POST /v1/render for the final high-resolution output.

Integration examples

Authenticate with an API key, pick a template or collection, pass a publicly accessible artwork URL, and receive a render URL in the response.

Example 1

Discover templates with filters

Load filter taxonomy once, then fetch a lightweight catalogue with ?fields=summary.

GET /v1/filter-config → GET /v1/templates
# 1. Filter options for your UI
curl -s https://api.mockupkit.app/v1/filter-config \
  -H "Authorization: Bearer YOUR_API_KEY"

# 2. Filtered catalogue (no smart_objects payload)
curl -s "https://api.mockupkit.app/v1/templates?fields=summary&product_type=apparel" \
  -H "Authorization: Bearer YOUR_API_KEY"

Example 2

Single product mockup

Render one template with artwork URL. Ideal for on-demand listing images.

POST /v1/render
curl -X POST https://api.mockupkit.app/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template_id": "01773337-3a38-44d5-9486-9756b590a1de",
    "artwork_url": "https://your-cdn.com/design.png",
    "output_format": "jpg"
  }'

Example 3

Render with colour overrides

Override PSD solid fill layers by layer_name when calling POST /v1/render.

POST /v1/render
curl -X POST https://api.mockupkit.app/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template_id": "b56e03e2-05e4-4847-bec9-941680dcd444",
    "artwork_url": "https://your-cdn.com/design.png",
    "output_format": "jpg",
    "color_fills": {
      "Sleeve Color": "#2563EB",
      "Collar Color": "#111827"
    }
  }'

Example 4

Bulk mockup generator API

Generate mockups programmatically across multiple templates in one request.

POST /v1/render
curl -X POST https://api.mockupkit.app/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template_ids": [
      "template-id-1",
      "template-id-2",
      "template-id-3"
    ],
    "artwork_url": "https://your-cdn.com/design.png",
    "output_format": "jpg"
  }'

Example 5

Collection render

Render an entire curated template collection, useful for category-based catalogues.

POST /v1/render
curl -X POST https://api.mockupkit.app/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "collection_id": "00389179-bbb8-44f0-9828-7b1cb5a040a2",
    "artwork_url": "https://your-cdn.com/design.png",
    "output_format": "jpg"
  }'

Colour fill API

Garment and background colours from the PSD

Templates with Photoshop solid colour fill layers expose color_fills on template endpoints. Use the defaults to populate colour pickers in your UI, then pass overrides to POST /v1/render.

How PSD layers become API metadata

PSD layersShirt Color#FFFFFFSleeve Color#EF3E3FCollar Color#1A1A1ABackground#F5F5F5color_fills[]layer_namecolor.hexfill_mask_url"Shirt Color""#FFFFFF""Sleeve Color""#EF3E3F"masks[].url… exported atPSD optimizeRender outputPOST /v1/rendercolor_fills: {…}Solid fill layersGET /v1/templates/:idPhotoshop render
1

Fetch colour metadata

GET /v1/templates/:templateId returns color_fills[] with default hex values and layer names from the PSD.

2

Render with overrides

POST layer_name → #RRGGBB overrides to /v1/render. Photoshop applies the fills server-side. No mask URLs needed in the request.

Fetch colour metadata

GET /v1/templates/:templateId
curl -s https://api.mockupkit.app/v1/templates/b56e03e2-05e4-4847-bec9-941680dcd444 \
  -H "Authorization: Bearer YOUR_API_KEY" | jq '.template.color_fills'
[
  {
    "layer_name": "Color",
    "layer_path": "Group/Color",
    "color": { "r": 239, "g": 62, "b": 63, "hex": "#EF3E3F" },
    "fill_mask_url": "https://.../fill-masks/...-color.png",
    "masks": [
      { "id": "Color-layer-raster", "kind": "layer_raster", "url": "https://..." }
    ],
    "blend_mode": "normal",
    "parent_group": { "name": "Group", "blend_mode": "normal" }
  },
  {
    "layer_name": "Sleeve Color",
    "color": { "r": 239, "g": 62, "b": 63, "hex": "#EF3E3F" },
    "fill_mask_url": "https://.../sleeve-colour.png"
  }
]

Render with colour overrides

POST /v1/render
curl -X POST https://api.mockupkit.app/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template_id": "b56e03e2-05e4-4847-bec9-941680dcd444",
    "artwork_url": "https://your-cdn.com/design.png",
    "output_format": "jpg",
    "color_fills": {
      "Sleeve Color": "#2563EB",
      "Collar Color": "#111827"
    }
  }'
Keys must match layer_name from the template (case-insensitive). Send hex only. Do not include fill_mask_url.

1,000+ templates ready for your API integration

Every template is available via the REST API: apparel, mugs, posters, packaging, and more. Render any of them programmatically with a single artwork URL.

Red Mug 6
Pink Mug 6
Frame Mockup 39
Nursery Frame Mockup 148
Frame Mockup 717
Frame Mockup 385
Navy Blue Mug 11
Yellow Mug 2

A mockup API, not just a design editor

Placeit and Canva are great for manual mockups. MockupKit is built for teams that need to generate product mockups programmatically inside their own product or workflow.

REST mockup generator API
Bulk / batch render in one call
Colour fill overrides on render
White-label API (Enterprise)
1,000+ PSD mockup templates
Manual browser editor only

Need a hands-on feel before integrating? Try the live demo or read our full competitor comparisons.

API pricing that scales with you

Start free with API access on every plan. Upgrade when your render volume grows. All prices shown are monthly; annual billing available on the pricing page.

Free

$0/mo

Explore the mockup generator API

  • 25 renders / month
  • Basic API access
  • 1,000+ templates
Most popular

Plus

$19/mo

For small stores and POD sellers

  • 300 renders / month
  • Full API access
  • Batch processing

Professional

$49/mo

For growing brands and agencies

  • 1,200 renders / month
  • Priority support
  • Advanced analytics

Enterprise

$249/mo

High-volume API and white-label

  • Unlimited renders
  • White-label API
  • Dedicated account manager

Start generating mockups via API today

Create a free account, grab your API key from the dashboard, and make your first render in minutes. Documentation, templates, and colour fill support included.

Get your API key

Create a free account and copy your key from the dashboard in under a minute.

Read the docs

REST endpoints for single, batch, and collection renders with clear examples.

Try the demo

Explore templates and colour pickers on mockupkit.app before you integrate.

25

Free API renders / mo

1,000+

Product templates

2.1s

Avg. render time

99.9%

Uptime