PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNjAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2NjY2NjYyIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iSGVsdmV0aWNhLEFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMzIiBmaWxsPSIjNTU1NTU1Ij42MDDDlzQwMDwvdGV4dD48L3N2Zz4=
curl --location --request GET 'https://zylalabs.com/api/14224/mockup+image+generator+api+-+any+size+svg/35304/mockup+image?width=600&height=400&bg=cccccc&color=555555' --header 'Authorization: Bearer YOUR_API_KEY'
After signing up, every developer is assigned a personal API access key, a unique combination of letters and digits provided to access to our API endpoint. To authenticate with the Mockup Image Generator API - Any Size SVG simply include your bearer token in the Authorization header.
| Header | Description |
|---|---|
Authorization
|
Required
Should be Bearer access_key. See "Your API Access Key" above when you are subscribed.
|
No long-term commitment. Upgrade, downgrade, or cancel anytime. Free Trial includes up to 50 requests.
The mockup image endpoint returns lightweight SVG images that serve as instant placeholders. These images can be customized with specific background colors, text colors, and labels, making them ideal for wireframes, designs, and prototypes.
The key fields in the response data include the SVG markup, which contains attributes for width, height, and elements like rectangles and text. This allows users to manipulate the visual aspects of the mockup image directly.
Users can customize their requests using parameters such as image size (width and height), background color, text color, and label text. These parameters allow for tailored mockup images to fit specific design needs.
The response data is structured as SVG markup, which includes nested elements like `<rect>` for backgrounds and `<text>` for labels. This organization allows for easy rendering and manipulation in web applications.
Typical use cases include creating mockups for web and mobile applications, generating placeholder images for design prototypes, and visualizing wireframes during the design process. The flexibility in customization supports various design scenarios.
Users can directly embed the SVG markup into their HTML documents or manipulate it using JavaScript. The lightweight nature of SVG ensures quick loading times, making it suitable for dynamic web applications.
The API generates SVG images based on user-defined parameters, ensuring that the output matches the specified requirements. Regular updates and testing help maintain the quality and reliability of the generated images.
Users can expect consistent SVG structure in the response, with variations based on the parameters provided. Common patterns include different background colors and text placements, allowing for a wide range of mockup designs.
To obtain your API key, first sign in to your account and navigate to the API you want to use. From the API's Pricing section, choose a plan and complete the subscription process. Once subscribed, return to the API page and you will see your API Access Key displayed at the top of the documentation page. You can use this key to authenticate your requests.
You can’t switch APIs during the free trial. If you subscribe to a different API, your trial will end and the new subscription will start as a paid plan.
The free trial lasts for 7 days and allows you to make up to 50 API requests.
No, the free trial is available only once, so we recommend using it on the API that interests you the most. Most of our APIs offer a free trial, but some may not include this option.
Yes. If the API offers a free trial, you will see a "Free 7-Day Trial" option in its Pricing section. The trial lasts for 7 days and allows up to 50 API requests, enabling you to evaluate the API before subscribing to a paid plan.
Zyla API Hub is like a big store for APIs, where you can find thousands of them all in one place. We also offer dedicated support and real-time monitoring of all APIs. Once you sign up, you can pick and choose which APIs you want to use. Just remember, each API needs its own subscription. But if you subscribe to multiple ones, you'll use the same key for all of them, making things easier for you.
You can monitor your API usage through the response headers included with every request:
x-zyla-api-calls-monthly-used: Shows the total number of API requests you have used during the current billing period.
x-zyla-api-calls-monthly-remaining: Shows the number of API requests you have remaining for the current billing period.
Yes, you can cancel your subscription at any time. Simply go to the Pricing section of the API you're subscribed to and click the "Unsubscribe" button.
Please note that upgrades, downgrades, and cancellations take effect immediately. Once your subscription is canceled, access to the service will end immediately, regardless of any remaining API calls in your quota.
Please have a look at our Refund Policy: https://zylalabs.com/terms#refund