> ## Documentation Index > Fetch the complete documentation index at: https://nango-marcin-nan-6306-mcp-tool-connections-get.mintlify.site/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. In Nango ([free signup](https://app.nango.dev)), go to [Integrations](https://app.nango.dev/dev/integrations) -> *Configure New Integration* -> *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. Let's make your first request to the Dynamic Mockups API (list your mockups). Replace the placeholders below with your [secret key](https://app.nango.dev/dev/environment-settings), [integration ID](https://app.nango.dev/dev/integrations), and [connection ID](https://app.nango.dev/dev/connections): ```bash theme={null} curl "https://api.nango.dev/proxy/v1/mockups" \ -H "Authorization: Bearer " \ -H "Provider-Config-Key: " \ -H "Connection-Id: " ``` 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: '' }); const res = await nango.get({ endpoint: '/v1/mockups', providerConfigKey: '', connectionId: '' }); console.log(res.data); ``` Or fetch credentials with the [Node SDK](/reference/backend/backend-sdk/node#get-a-connection-with-credentials) or [API](/reference/backend/http-api/connection/get). ✅ You're connected! Check the [Logs](https://app.nango.dev/dev/logs) tab in Nango to inspect requests. Follow our [Auth implementation guide](/guides/auth/auth-guide) to integrate Nango in your app. To obtain your own production 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?](/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 & actions for Dynamic Mockups Enable them in your dashboard. [Extend and customize](/guides/functions/functions-guide) to fit your needs. ### Others | Function name | Description | Type | Source code | | ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | | `create-collection` | Create a new collection to group mockups for bulk/collection-based rendering. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/create-collection.ts) | | `delete-psd` | Delete a previously-uploaded PSD file, optionally cascading to delete any mockup(s) that were created from it. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/delete-psd.ts) | | `get-mock-anything-product` | Get full details (including available decoration locations) for one POD product, for use with create-mock-anything's product.decorations. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/get-mock-anything-product.ts) | | `get-mock-anything-status` | Poll the status of an async MockAnything AI mockup-creation task. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/get-mock-anything-status.ts) | | `get-mockup` | Get a single mockup template by uuid. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/get-mockup.ts) | | `get-motion-mockup-status` | Poll the status of an async MotionMockups video-generation request. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/get-motion-mockup-status.ts) | | `list-catalogs` | List catalogs (top-level containers that scope mockups/collections; every workspace has at least a Default catalog). | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/list-catalogs.ts) | | `list-collections` | List collections (named groupings of mockups, e.g. for bulk/collection rendering) in this account. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/list-collections.ts) | | `list-mock-anything-styles` | List available AI generation styles for MockAnything, optionally filtered by model. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/list-mock-anything-styles.ts) | | `list-mockups` | List mockup templates (both classic PSD-based and MockAnything AI-generated) in this account. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/list-mockups.ts) | | `list-motion-mockup-models` | List available image-to-video AI models with their supported durations, aspect ratios, and credit costs. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/list-motion-mockup-models.ts) | | `search-mock-anything-products` | Search the built-in print-on-demand (POD) product catalog usable with MockAnything AI generation. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/search-mock-anything-products.ts) | | `upload-psd` | Upload a Photoshop (.psd) file by URL, optionally creating a usable mockup template from it in the same call. | [Action](/guides/functions/action-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/actions/upload-psd.ts) | | `catalogs` | Sync catalogs (top-level containers scoping mockups/collections) in this account. | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/syncs/catalogs.ts) | | `collections` | Sync collections (named groupings of mockups) in this account. | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/syncs/collections.ts) | | `mockups` | Sync mockup templates (both classic PSD-based and MockAnything AI-generated) in this account. | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/dynamic-mockups/syncs/mockups.ts) | ***