Everything you need for professional mockups at scale

MockupKit is a product mockup platform that creates photorealistic listing images from PSD templates, in the browser for sellers or programmatically via its REST Mockup API for developers.

Automation tools and enterprise infrastructure for unmatched speed, quality, and reliability.

Automation

Smart object detection and positioning

Lightning fast

Sub-3 second generation time

Developer-first

REST API with WebGL preview metadata

Built for modern creative workflows

Every feature is designed to save time, increase quality, and scale with your business.

Workflow Automation

Smart Object Detection

Advanced smart object detection identifies and maps smart objects in your PSD files for seamless artwork replacement.

  • Automatic smart object recognition
  • Perspective-aware positioning
  • Smart scaling and rotation
  • 99.5% accuracy rate

Lightning Fast Processing

Generate high-quality mockups in under 3 seconds with our optimised rendering engine and cloud infrastructure.

  • Sub-3 second generation
  • Parallel processing
  • Global CDN distribution
  • Real-time status updates

Blending Mode

PSD blending mode supported for seamless artwork replacement. Photoshop-like blending for both light and dark backgrounds.

  • Automatic blending mode detection
  • Photoshop blending mode support
  • Realistic blending results

Workflow & Scale

Batch Processing

Process multiple templates simultaneously to streamline your workflow and handle large-scale projects.

  • Process up to 100 at once
  • Queue management
  • Progress tracking
  • Bulk download options

Advanced Analytics

Comprehensive insights into your mockup generation, logs, usage, and performance metrics.

  • Usage analytics
  • Performance metrics
  • Render logs
  • Usage stats

Photoshop Compatibility

Fine-tune every .

  • PSD layer preservation
  • PSD layer hierarchy
  • PSD layer visibility
  • Output formatting

Infrastructure & Security

Enterprise Security

Enterprise-grade security with end-to-end encryption, ensuring your assets are always protected.

  • End-to-end encryption
  • GDPR compliant
  • Role-based access control
  • Secure cloud storage

Global Cloud Infrastructure

Secure cloud storage and processing with 99.9% uptime guarantee and global CDN delivery.

  • 99.9% uptime SLA
  • Global edge locations
  • Automatic backups
  • Disaster recovery

Scalable Architecture

Auto-scaling infrastructure that grows with your needs, from startup to enterprise.

  • Auto-scaling clusters
  • Load balancing
  • Multi-region deployment
  • Elastic capacity

Developer Experience

Comprehensive API

RESTful API with extensive documentation for seamless integration.

  • RESTful API design
  • API key authentication
  • Interactive documentation

WebGL Preview Metadata

Template endpoints return perspective corners, blend modes, and clip masks so you can build instant in-browser live previews before calling render.

  • Perspective transform corners
  • Multiply and PSD blend modes
  • Clip mask URLs included
  • No server round-trip for preview

Multiple Output Formats

Export your mockups in various formats and resolutions to suit any use case or platform.

  • PNG & JPEG
  • Retina-ready exports
  • Optimised file sizes

Multiple API Keys

Native SDKs for popular platforms and languages to integrate MockupKit into any application.

  • Multiple API keys
  • API key management
  • API key rotation

Instant live previews with WebGL

MockupKit exposes PSD smart-object geometry through the API so you can build Photoshop-accurate live previews in your own app. Fetch once, composite in the browser with WebGL, and only call the render endpoint when you need the final high-resolution image.

1. Fetch template metadata

Call GET /v1/templates/:templateId or GET /v1/collections/:collectionId/templates. Each smart object includes a preview object with everything needed for compositing.

2. Composite artwork in the browser

Use thumbnail_url as the base layer. Map artwork onto the smart object using transform.corners for perspective, appearance.blend_mode for multiply overlays, and masks.clip_mask_url when clipping is required.

3. Preview updates instantly

No server round-trip while the user positions or swaps artwork. WebGL homography warping runs client-side so your UI feels responsive at any catalogue size.

4. Render the final image via API

When the user confirms, POST /v1/render with template_id and artwork_url for a high-resolution PNG. Same template, production-quality output.

WebGL API referenceTry live preview demo

GET /v1/templates/:templateId

{
  "template": {
    "thumbnail_url": "https://.../mockup.png",
    "smart_objects": [{
      "preview": {
        "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"
        },
        "document_width": 2000,
        "document_height": 2000
      }
    }]
  }
}

Preview metadata fields

transform.corners4-point quad for perspective homography
appearance.blend_modemultiply and other PSD blend modes
masks.clip_mask_urlPNG mask for clipped smart objects
document_width / heightCoordinate space for scaling corners

Use any WebGL library or custom shaders. MockupKit's demo workspace uses homography warping with CSS blend modes for multiply layers, the same pattern you can replicate in React, Vue, or a native embed.

Why choose MockupKit?

See how MockupKit compares to other mockup generation platforms.

1000+ premium templates included in all plans

Features

M

MockupKit

Recommended

Automated Mockup Generation

A

Competitor A

Basic Generation

B

Photoshop

Manual Process

Core Features

Smart Object Detection
Automated Positioning & Scaling
Sub-3 Second Generation
Batch Processing
High-Resolution Output (4K)

API & Integration

RESTful API
WebGL preview metadata in API
Interactive Documentation
White-label API
Full collection generation

Security & Compliance

GDPR Compliant
99.9% Uptime SLA
2FA Enabled Login

Support & Service

Email Support
Dedicated Account Manager
Custom Integration Support
Priority Support Queue

Ready to experience the MockupKit advantage?

Join thousands of designers and agencies who have chosen MockupKit for its superior mockup generation capabilities and enterprise-grade features.

Start Free Trial

10x

Faster than manual creation

99.5%

Bulk automation accuracy rate

1M+

Mockups generated

2.1s

Average generation time

Experience automation-driven mockup generation

Transform your creative workflow. Start your free trial today.

Start Free TrialView Pricing

No credit card required · Full access · Cancel anytime

Instant setup

Get started in minutes with our API and docs.

Expert support

Email support from design and technical experts.

Quick results

Professional mockups in under 3 seconds.