Marquee

Infinite horizontal scrolling ticker. Items can be text strings, logos (image_url), or icon+label chips.

Surfaces

webgoogle-meet-stagegoogle-apps-script-webgoogle-apps-script-side-panelmcp-apps

Live preview

Item 1Item 2

Fields

Field	Type
items	array of {text?, label?, icon?, image_url?, url?}	required
title	optional label above the marquee strip	optional
speed	seconds for one full cycle (default 30)	required
gap	px spacing between items (default 48)	required
direction	normal (left scroll, default) or right	required
separator	optional separator character between items	optional
pause_on_hover	pause animation on hover (default true)	required
bg	background colour (default var(--surface))	required
rounded	rounded corners (default true)	required

Example payload

{
  "type": "marquee",
  "items": [
    {
      "label": "Item 1"
    },
    {
      "label": "Item 2"
    }
  ]
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:marquee",
  "displayName": "Marquee",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/marquee",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "Infinite horizontal scrolling ticker. Items can be text strings, logos (image_url), or icon+label chips.",
  "representativeQueries": [
    "show a infinite horizontal scrolling ticker strip",
    "infinite horizontal scrolling ticker. items can be text strings, logos (image_url), or icon+label ch",
    "render a marquee"
  ]
}

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