Spinner

A simple rotating animation indicating that content is loading or an

Surfaces

webgoogle-meet-stagegoogle-apps-script-webmcp-apps

Live preview

Fields

Field	Type
size	string The size of the spinner (e.g., "small", "medium", "large").	required
color	string The color of the spinner (e.g., "primary", "gray").	required

Example payload

{
  "type": "spinner",
  "size": "md",
  "color": "#6366f1"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:spinner",
  "displayName": "Spinner",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/spinner",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "mcp-apps"
  ],
  "description": "A simple rotating animation indicating that content is loading or an",
  "representativeQueries": [
    "show a loading spinner indicator operation is in progress",
    "a simple rotating animation indicating that content is loading or an",
    "render a spinner"
  ]
}

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