Mockup Generator API

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
WebGL preview metadata included
1,000+ product mockup templates

Get Your API Key Read API Reference

Free tier includes 25 API renders per month

Use cases

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.

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.

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.

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.

Custom design tools

Fetch WebGL preview metadata to show live mockups in your app, then call POST /v1/render for the final high-resolution PNG when the user is ready to export.

Integration

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

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"
  }'

Example 2

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"
  }'

Example 3

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"
  }'

Full API documentation Try the live demo first

Template library

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.

Live preview

WebGL preview data from the API

Fetch template metadata once, then composite artwork in the browser with WebGL. No server round-trip while the user adjusts placement. Call POST /v1/render only when you need the final high-resolution image.

GET /v1/templates/:templateId

{
  "template": {
    "thumbnail_url": "https://.../mockup.png",
    "smart_objects": [{
      "preview": {
        "document_width": 2000,
        "document_height": 2000,
        "transform": {
          "type": "perspective",
          "corners": [
            { "x": 228, "y": 228 },
            { "x": 1773, "y": 228 },
            { "x": 1773, "y": 1773 },
            { "x": 228, "y": 1773 }
          ]
        },
        "appearance": {
          "blend_mode": "multiply",
          "opacity": 1
        },
        "masks": {
          "clip_mask_url": "https://.../clip-mask.png"
        }
      }
    }]
  }
}

transform.corners

Four document-space coordinates defining the smart object quad for perspective warping.

appearance.blend_mode

PSD blend mode (e.g. multiply) applied when compositing artwork over the mockup.

masks.clip_mask_url

Optional PNG mask URL when the smart object is clipped to a shape.

document_width / document_height

PSD document size used to scale corner coordinates to your preview canvas.

WebGL API reference See it in the demo

How the fields map to the preview

P1228, 228

P21773, 228

P31773, 1773

P4228, 1773

1Load thumbnail_url as the base mockup image.
2Warp artwork onto the quad defined by transform.corners using homography (WebGL or canvas).
3Apply appearance.blend_mode (often multiply) and optional masks.clip_mask_url.

Compare

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.

Capability

MockupKit

Placeit

Canva

REST mockup generator API

Bulk / batch render in one call

WebGL preview metadata for embeds

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.

Pricing

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

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 Free with API Access Compare all plans

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 WebGL preview metadata included.

Get Your API Key Talk to Sales

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.

WebGL live preview

Use template metadata to composite artwork in the browser before you render.

Free API renders / mo

1,000+

Product templates

2.1s

Avg. render time

99.9%

Uptime