Gmail Inbox

Horizontal swipeable carousel of Gmail inbox threads. Each card shows a coloured sender avatar, name, subject (bold if unread), snippet and timestamp. Clicking opens the thread in Gmail. On GAS uses GmailApp for live data; on other surfaces renders from items[] array or Gmail REST API.

Surfaces

google-apps-script-webgoogle-meet-stagemcp-apps ⚠

Degraded on

Surface	Note
mcp-apps	renders sample data — live Google Workspace data requires an Apps Script deployment

Live preview

Inbox

(no subject)

Fields

Field	Type
title	string. Section label above carousel. Default "Inbox".	optional
count	integer. Number of threads, max 20. Default 10.	optional
accent	string. Accent colour for unread indicator and nav dot. Default	optional
items	array (static connector). Email objects for non-GAS surfaces.	required
auth_token	string (api connector). OAuth2 bearer token for REST API.	required

Example payload

{
  "type": "gmail_inbox",
  "items": [
    {
      "label": "Item 1"
    },
    {
      "label": "Item 2"
    }
  ],
  "auth_token": "your-api-token"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:gmail_inbox",
  "displayName": "Gmail Inbox",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/gmail_inbox",
  "capabilities": [
    "google-apps-script-web",
    "google-meet-stage",
    "mcp-apps"
  ],
  "description": "Horizontal swipeable carousel of Gmail inbox threads. Each card shows a coloured sender avatar, name, subject (bold if unread), snippet and timestamp. Clicking opens the thread in Gmail. On GAS uses GmailApp for live data; on other surfaces renders from items[] array or Gmail REST API.",
  "representativeQueries": [
    "show a swipeable Gmail inbox carousel \u2014 live on GAS, items[] or api connector on web/meet",
    "horizontal swipeable carousel of gmail inbox threads. each card shows a coloured sender avatar, name",
    "render a gmail inbox"
  ]
}

← 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 →