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
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
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/rendercurl -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/rendercurl -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/rendercurl -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/rendercurl -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
Fetch colour metadata
GET /v1/templates/:templateId returns color_fills[] with default hex values and layer names from the PSD.
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/:templateIdcurl -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/rendercurl -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"
}
}'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.
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.
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
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