Mockup Generator API - Mockuuups Studio

Automate mockup creation

Generate stunning mockups without lifting a finger. It’s time you automated the process.

import fetch from 'node-fetch';
// Place a screenshot of our website into a mockup
const mockup = await fetch('https://api.mockuuups.studio/v1/renders', {
  method: 'POST',
  headers: {
    'content-type': 'application/json',
    authorization: `Bearer ${process.env.MOCKUUUPS_API_KEY}`,
  },
  body: JSON.stringify({
    mockup: 'YXpoZdyRLAKQHgQA',
    size: 1000,
    mode: 'async',
    destination: 'cdn',
    contents: [{ type: 'screenshot', url: 'https://mockuuups.studio/' }],
  }),
}).then((response) => response.json());
console.log('Your mockup is here!', mockup);

The mockups API is the easiest way to place images and URL screenshots into 4500+ static device mockups – without writing a single line of code. Choose a scene, select your screenshots and professional mockup will render to a URL ready for sharing. Integrate the API in your existing web app. Or reach more of your customers with content automation.

4500+ device mockups and counting

Stay ahead of your competition and get the latest devices as soon as they release.

Professional scenes for commercial use

Get mockups up to 8K in resolution to power all your design and marketing needs.

Done-for-you screenshots

Let the API take screenshots for you. Enter your URL and screenshots render responsively.

Blazing-fast renders

Never sit waiting for mockups to render. Enjoy the fastest mockup API on the market.

No-Code Integrations

Simple, automated workflows for busy people. Do-it-yourself automated mockup marketing workflows to scale and grow your business.

Connect the mockups API with over 4000+ apps and get mockups on-demand anytime, anywhere.

Start with Zapier →

Casos de uso

Power your mockup marketing machine Now you can…

Integrate the API into your existing app or website

The Mockuuups API uses RESTful API principles for smooth app integrations.

Create blog visuals at scale without lifting a finger

Get hi-res blog post visuals on-demand to power your content or publishing needs.

Speed up your design workflows

Serve more clients or preview designs on the fly with stupid simple API calls.

Create stunning ads in a click

Auto-generate ad creatives and social content to make your marketing output even easier.

Preços

Flexible Pricing

Start

US$50

Per Month

Growth

US$100

Per Month

Scale

US$1,000

Per Month

API Credits

We use API Credits to measure the usage of our API.

500

1000px

High-Res (Up to 8K)

Image Quality

Standard resolution up to 1000px is great for most web uses. Hi-res works well for print, or if you plan to further process the image.

Tela do site

We can screenshot any website and place it into a mockup just as if it was loaded directly on the device.

Mockup Delivery CDN

Leverage our fast and secure CDN to host your renders and speed up your integration.

No-code integrations

Connect our API to Zapier and integrate it with hundereds of apps without writing any code.

Team Members

Collaborate with your team of developers and designers.

Bulk Processing· Coming Soon

One screenshot in many mockups, one mockup with many screenshots, or many mockups with many screenshots. We got you!

Custom Branding· Coming Soon

Add logos or watermarks to mockups.

Obrigado! Seu envio foi recebido!

Oops! Alguma coisa deu errado ao enviar o formulário.

Never create mockups manually again.

50 API credits for free. No credit card required.

Perguntas mais freqüentes

How do credits work?

We use a credit system to measure how much you use our API. Different subscription plans give you a different monthly credit allowance.

By default, one render = one credit. If you use additional features, their cost is then added:

- Hi-res mockup (size 1001px and higher) +1 credit
- Website screenshot +1 credit

Only successful renders are counted towards your credit usage. Please note that some features might require a specific plan. See the pricing for full details.
What happens when I run out of credits?

Requests for renders will start returning an error (HTTP 402 Payment Required). You will need to upgrade your plan to get a higher allowance, or wait until your subscription renews which resets the usage.

We'll send you an email notification once you reach 70% usage, and then once you reach 90%.

The final notification is sent when you run out of all credits and your action is required in order to continue using the API.
I already have premium account in your app. Can I use the API?
What is the license for mockups generated over the API?
How do I use your Mockup Delivery CDN?

When rendering a mockup, you can either immediately download it and store somewhere on your server, or you can let us host the generated mockup for you on our fast production-ready CDN.

By doing so, you won’t need to worry about file storage or traffic. All you need to do is to save an https link we give you.

For each mockup on the CDN, we also give you a scaled-down version you might use as a thumbnail, and user-friendly download page for the mockup you might share with your users.

By default, the URL will always start with https://mockup.delivery, and based on your plan, you can either configure your own subdomain (your-company.mockup.delivery) or even connect your custom domain (mockups.your-company.com) and white-label the download page with your brand colors and a logo.

Do you have more questions?

Visit Help Center

Create mockups on auto-pilot wherever you need them.

Generate stunning mockups without lifting a finger. It’s time you automated the process.

4500+ device mockups and counting

Professional scenes for commercial use

Done-for-you screenshots

Blazing-fast renders

Simple, automated workflows for busy people. Do-it-yourself automated mockup marketing workflows to scale and grow your business.

Power your mockup marketing machine Now you can…

Integrate the API into your existing app or website

Create blog visuals at scale without lifting a finger

Speed up your design workflows

Create stunning ads in a click

Flexible Pricing

Never create mockups manually again.

Perguntas mais freqüentes

How do credits work?

What happens when I run out of credits?

I already have premium account in your app. Can I use the API?

What is the license for mockups generated over the API?

How do I use your Mockup Delivery CDN?

Do you have more questions?