> ## Documentation Index
> Fetch the complete documentation index at: https://nango.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Dynamic Mockups

> Integrate your application with the Dynamic Mockups API

## 🚀 Quickstart

Connect to Dynamic Mockups with Nango and see data flow in 2 minutes.

**1. Create the integration**

In Nango ([free signup](https://app.nango.dev)), go to [Integrations](https://app.nango.dev/dev/integrations) -> *Configure New Integration* -> *Dynamic Mockups*.

**2. Authorize Dynamic Mockups**

Go to [Connections](https://app.nango.dev/dev/connections) -> *Add Test Connection* -> *Authorize*, then enter your API key. Later, you'll let your users do the same directly from your app.

**3. Call the Dynamic Mockups API**

Let's make your first request to the Dynamic Mockups API (list your mockups). Replace the placeholders below with your [Environment API key](https://nango.dev/docs/reference/backend/http-api/api-keys.md), [integration ID](https://app.nango.dev/dev/integrations), and [connection ID](https://app.nango.dev/dev/connections):

> [tab] cURL
>
> ```bash theme={null}
> curl "https://api.nango.dev/proxy/v1/mockups" \
>   -H "Authorization: Bearer <NANGO-API-KEY>" \
>   -H "Provider-Config-Key: <INTEGRATION-ID>" \
>   -H "Connection-Id: <CONNECTION-ID>"
> ```

> [tab] Node
>
> Install Nango's backend SDK with `npm i @nangohq/node`. Then run:
>
> ```typescript theme={null}
> import { Nango } from '@nangohq/node';
>
> const nango = new Nango({ apiKey: '<NANGO-API-KEY>' });
>
> const res = await nango.get({
>     endpoint: '/v1/mockups',
>     providerConfigKey: '<INTEGRATION-ID>',
>     connectionId: '<CONNECTION-ID>'
> });
>
> console.log(res.data);
> ```

Or fetch credentials with the [Node SDK](https://nango.dev/docs/reference/backend/backend-sdk/node.md#get-a-connection-with-credentials) or [API](https://nango.dev/docs/reference/backend/http-api/connections/get.md).

✅ You're connected! Check the [Logs](https://app.nango.dev/dev/logs) tab in Nango to inspect requests.

**4. Implement Nango in your app**

Follow our [Auth implementation guide](https://nango.dev/docs/guides/auth/auth-guide.md) to integrate Nango in your app.

To obtain your own credentials, follow the connect guide linked below.

## 📚 Dynamic Mockups integration guides

Nango maintained guides for common use cases.

* [How do I link my Dynamic Mockups account?](https://nango.dev/docs/api-integrations/dynamic-mockups/connect)\
  Retrieve your API key from Dynamic Mockups and connect it to Nango

Official docs: [Dynamic Mockups API docs](https://docs.dynamicmockups.com)

## 🧩 Pre-built syncs & tools for Dynamic Mockups

Explore Nango-provided tools in your dashboard. [Extend and customize them](https://nango.dev/docs/guides/functions/functions-guide.md) to fit your needs.

### Others

| Function name | Description | Type |
| - | - | - |
| `create-collection` | Create a new collection to group mockups for bulk/collection-based rendering. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `delete-psd` | Delete a previously-uploaded PSD file, optionally cascading to delete any mockup(s) that were created from it. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `get-mock-anything-product` | Get full details (including available decoration locations) for one POD product, for use with create-mock-anything's product.decorations. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `get-mock-anything-status` | Poll the status of an async MockAnything AI mockup-creation task. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `get-mockup` | Get a single mockup template by uuid. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `get-motion-mockup-status` | Poll the status of an async MotionMockups video-generation request. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `list-catalogs` | List catalogs (top-level containers that scope mockups/collections; every workspace has at least a Default catalog). | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `list-collections` | List collections (named groupings of mockups, e.g. for bulk/collection rendering) in this account. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `list-mock-anything-styles` | List available AI generation styles for MockAnything, optionally filtered by model. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `list-mockups` | List mockup templates (both classic PSD-based and MockAnything AI-generated) in this account. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `list-motion-mockup-models` | List available image-to-video AI models with their supported durations, aspect ratios, and credit costs. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `search-mock-anything-products` | Search the built-in print-on-demand (POD) product catalog usable with MockAnything AI generation. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `upload-psd` | Upload a Photoshop (.psd) file by URL, optionally creating a usable mockup template from it in the same call. | [Tool](https://nango.dev/docs/guides/functions/tools.md) |
| `catalogs` | Sync catalogs (top-level containers scoping mockups/collections) in this account. | [Sync](https://nango.dev/docs/guides/functions/syncs/sync-functions.md) |
| `collections` | Sync collections (named groupings of mockups) in this account. | [Sync](https://nango.dev/docs/guides/functions/syncs/sync-functions.md) |
| `mockups` | Sync mockup templates (both classic PSD-based and MockAnything AI-generated) in this account. | [Sync](https://nango.dev/docs/guides/functions/syncs/sync-functions.md) |

***


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.