Marquee Strip

Infinite horizontally-scrolling strip of text labels or logo+text items, driven by a CSS @keyframes animation with no JavaScript. Ideal for customer logo rows, tech-stack badges, testimonial tickers, and social proof strips. Pause-on-hover is CSS-only.

Surfaces
webmeet-stageapps-script-web
Degraded on
SurfaceNote
pdfRenders as a static single-line row without animation
googlechatCSS animation not supported; renders as static flex row
Fields
FieldType
itemsarray. Each item is a string or {text, image_url} object.required
speed"slow" | "normal" | "fast" (optional, default "normal")optional
direction"left" | "right" (optional, default "left")optional
pause_on_hoverbool (optional, default true). Pause scroll on hover.optional
labelstring. Small header label above the strip.optional
gapstring. CSS gap between items. Default "40px".optional
Example payload
{
  "type": "marquee_strip",
  "items": [
    {
      "label": "Item 1"
    },
    {
      "label": "Item 2"
    }
  ]
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:marquee_strip",
  "displayName": "Marquee Strip",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/marquee_strip",
  "capabilities": [
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "Infinite horizontally-scrolling strip of text labels or logo+text items, driven by a CSS @keyframes animation with no JavaScript. Ideal for customer logo rows, tech-stack badges, testimonial tickers, and social proof strips. Pause-on-hover is CSS-only.",
  "representativeQueries": [
    "show a infinite CSS-animated horizontal marquee of text or logo items",
    "infinite horizontally-scrolling strip of text labels or logo+text items, driven by a css @keyframes",
    "render a marquee strip"
  ]
}
← 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 →