Drive Image

Embeds a Google Drive image by file ID or share URL, converting it to the correct export URL that works inside GAS iframes.

Surfaces

webgoogle-apps-script-webgoogle-apps-script-side-panelmcp-apps

Live preview

Descriptive alt text for this image — A descriptive caption

Fields

Field	Type
url	Drive share URL OR file ID	required
id	alias for url	required
alt	alt text for accessibility	required
caption	caption text shown below image	required
rounded	boolean (default true) — rounded corners	required
width	CSS width string (default "max-width:100%")	required

Example payload

{
  "type": "drive_image",
  "url": "https://example.com",
  "id": "https://example.com",
  "alt": "Descriptive alt text for this image",
  "caption": "A descriptive caption"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:drive_image",
  "displayName": "Drive Image",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/drive_image",
  "capabilities": [
    "web",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "Embeds a Google Drive image by file ID or share URL, converting it to the correct export URL that works inside GAS iframes.",
  "representativeQueries": [
    "show a Google Drive image embed by file ID",
    "embeds a google drive image by file id or share url, converting it to the correct export url that wo",
    "render a drive image"
  ]
}

← Full ARD catalog

Deploy your own Google Apps Script renderer

The renderer is an open-source Google Apps Script web app. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy

Full deploy guide →