Dynamic Mockups is an MCP server that enables AI assistants to generate professional product mockups through API integration, offering comprehensive tools for mockup creation, management, and embedding.
Core Capabilities:
Mockup Rendering & Effects
Generate single or batch mockups with custom designs (1 credit per image)
Export high-resolution print-ready files with customizable DPI (e.g., 300 DPI for production)
Apply realistic embroidery/stitched effects to images
Place design assets from public URLs with customization options for positioning, sizing, rotation, and fit modes
Apply color overlays, patterns, Photoshop blending modes, and adjustments (brightness, contrast, opacity, saturation, vibrance, blur)
Add and customize text layers with fonts, colors, and sizes
Organization & Discovery
Browse, filter, and search mockup templates by name, catalog, or collection
Manage catalogs (top-level containers) and collections to organize mockups by project/client/product type
Retrieve detailed mockup information including smart objects and print area presets
Custom Template Creation
Upload PSD files to create custom mockup templates with auto-generation options
Delete uploaded PSDs with optional removal of related mockups
Editor Embedding
Embed customizable mockup editors (Classic or AI-powered MockAnything) into websites/apps
Integration support via CDN, NPM, or API for React, Vue, and JavaScript
Handle editor events and callbacks for custom workflows
API Integration & Support
Access comprehensive API documentation including base URL, headers, and code examples (JavaScript, Python, cURL)
Get information on billing, credits, rate limits, supported formats, and best practices
Clear error handling for common issues
Output Options
Export as JPG, PNG, or WebP formats
Customize image size (default 1000px width)
Choose view or download mode with custom labels
24-hour valid URLs for rendered images
Compatible with Claude Desktop, Claude Code, Cursor, Windsurf, and Lovable via NPX or HTTP transport.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Dynamic MockupsCreate a mockup render for my new app icon on a smartphone screen"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Dynamic Mockups MCP Server
Official MCP server for Dynamic Mockups — a product mockup generator API. Create professional mockups directly from AI assistants like Claude, Cursor, and Windsurf.
Requirements
Node.js 18 or higher
Dynamic Mockups API key — get one here
Installation
Add the following to your MCP client configuration file:
{
"mcpServers": {
"dynamic-mockups": {
"command": "npx",
"args": ["-y", "@dynamic-mockups/mcp"],
"env": {
"DYNAMIC_MOCKUPS_API_KEY": "your_api_key_here"
}
}
}
}Lovable
For Lovable, simply enter:
Server URL:
https://mcp.dynamicmockups.comAPI Key: Your Dynamic Mockups API key (get one here)
HTTP Transport
If you want to connect via HTTP instead of NPX, use:
{
"mcpServers": {
"dynamic-mockups": {
"type": "http",
"url": "https://mcp.dynamicmockups.com",
"headers": {
"x-api-key": "your_api_key_here"
}
}
}
}Config File Locations
Client | Config File Path |
Claude Desktop (macOS) |
|
Claude Desktop (Windows) |
|
Claude Code (CLI) |
|
Cursor |
|
Windsurf |
|
Tools
Tool | Description |
| Get API knowledge base (billing, rate limits, formats, best practices, support) |
| Implement embeddable mockup editor in your app |
| Retrieve all available catalogs |
| Retrieve collections (optionally filter by catalog) |
| Create a new collection |
| Get list of available mockups with optional filters |
| Retrieve a specific mockup by UUID |
| Create a single mockup render with design assets (1 credit) |
| Render multiple mockups in one request (1 credit per image) |
| Export high-resolution print files for production |
| Upload a PSD file and optionally create a mockup template |
| Delete a PSD file with optional related mockups deletion |
| Transform any image into a realistic embroidery/stitched effect |
Usage Examples
Ask your AI assistant:
Use Case | Example Prompt |
Embed editor | "Add the full mockup editor to my web application" |
List catalogs | "Get my Dynamic Mockups catalogs" |
Browse mockups | "Show me all mockups in my T-shirt collection" |
Single render | "Create a mockup render using any T-shirt mockup with my artwork from url: https://example.com/my-design.png" |
Batch render | "Render my artwork from url: https://example.com/my-design.png on all mockups in the Winter T-shirt collection" |
Create collection | "Create a new collection called Summer 2025 Hoodies" |
Upload PSD | "Upload my PSD mockup from url: https://example.com/my-mockup.psd and create a template from it" |
API info | "What are the rate limits and supported file formats for Dynamic Mockups?" |
Print files | "Export print-ready files at 300 DPI for my poster mockup" |
Embroidery effect | "Transform my logo into an embroidery effect from url: https://example.com/my-logo.png" |
Error Handling
The server returns clear error messages for common issues:
API key not configured - Set
DYNAMIC_MOCKUPS_API_KEYin your environmentInvalid UUID - Ensure UUIDs are in correct format
API errors - Check the returned message for details
Links
License
MIT
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.