Exporting Assets

If you need to use your assets programmatically (in a build script or CMS import), you can export your entire asset map.

Export from Dashboard

Navigate to the Visuals tab and click Export.

Export Assets — The Visuals page — use the Export button in the header to download assets as JSON, CSV, or TypeScript

Export Formats

JSON (Gold Standard)

A nested dictionary of all visuals and their current URLs:

JSON

{
  "dashboard": {
    "hero": "https://cdn.reshot.dev/v1/assets/proj_123/dashboard-hero",
    "sidebar": "https://cdn.reshot.dev/v1/assets/proj_123/dashboard-sidebar"
  },
  "login": {
    "form": "https://cdn.reshot.dev/v1/assets/proj_123/login-form",
    "modal": "https://cdn.reshot.dev/v1/assets/proj_123/login-modal"
  }
}

Perfect for importing into React apps or static site generators.

CSV

A flat list of keys and URLs:

CSV

key,url,variant,updated_at
dashboard-hero,https://cdn.reshot.dev/...,default,2024-01-15
login-form,https://cdn.reshot.dev/...,default,2024-01-15
login-form,https://cdn.reshot.dev/...,dark,2024-01-15

Designed for importing into CMS platforms like Contentful, Webflow, or WordPress.

TypeScript

Generate a type-safe definition file:

TYPESCRIPT

export const reshotAssets = {
  dashboard: {
    hero: "https://cdn.reshot.dev/v1/assets/proj_123/dashboard-hero",
    sidebar: "https://cdn.reshot.dev/v1/assets/proj_123/dashboard-sidebar",
  },
  login: {
    form: "https://cdn.reshot.dev/v1/assets/proj_123/login-form",
  },
} as const;

export type ReshotAssetKey = keyof typeof reshotAssets;

CLI Export

Pull assets via the CLI:

Terminal

reshot pull --format json > assets.json
reshot pull --format typescript > assets.ts

API Access

Use the REST API:

Terminal

GET https://api.reshot.dev/v1/projects/:id/assets
Authorization: Bearer YOUR_API_KEY

Response:

JSON

{
  "assets": [
    {
      "key": "dashboard-hero",
      "url": "https://cdn.reshot.dev/...",
      "variant": "default",
      "updatedAt": "2024-01-15T10:30:00Z"
    }
  ]
}

Use TypeScript exports for type-safe access to your assets in React applications.