Marquee

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

Surfaces

gaswebmeet-stageapps-script-web

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": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a Infinite horizontal scrolling ticker. Items can be text strings, logos (image_url), or icon+label chips",
    "render a marquee"
  ]
}

← Full ARD catalog Try it live →

Deploy your own renderer

The renderer is open source. 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 apps-script-surface/gas-schema-renderer
clasp push && clasp deploy

Full deploy guide →