Countdown Timer

Category: Developer & ops

Live preview
0
4
min
:
5
9
sec

Flip-clock style countdown display showing hours, minutes, and seconds in individual digit tiles. Renders a static snapshot of the target time — pair with a dataModelUpdate SSE stream to tick the values.

Surfaces
webgoogle-meet-stagegoogle-apps-script-webmcp-appsandroid
Degraded on
SurfaceNote
google-chatRenders as plain text time string
pdfRenders as static time display
Fields
FieldTypeRequired
hoursinteger. Hours component. Default 0.optional
minutesinteger. Minutes component. Default 4.optional
secondsinteger. Seconds component. Default 59.optional
labelstring. Caption below the timer.optional
variant"dark" | "light" (optional, default "dark").optional
accentstring. Separator and accent colour. Default "#00f2ff".optional
Example payload
{
  "type": "countdown_timer"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:countdown_timer",
  "displayName": "Countdown Timer",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/countdown_timer/",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "mcp-apps",
    "android"
  ],
  "description": "Flip-clock style countdown display showing hours, minutes, and seconds in individual digit tiles. Renders a static snapshot of the target time \u2014 pair with a dataModelUpdate SSE stream to tick the values.",
  "representativeQueries": [
    "show a Flip-clock countdown timer display (static tiles, data-driven ticking)",
    "flip-clock style countdown display showing hours, minutes, and seconds in individual digit tiles. re",
    "render a countdown timer"
  ]
}
← 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 →