Number Flip

Slot-machine style digit reveal. Each digit flips in from above on load.

Surfaces

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

Fields

Field	Type
value	the number or string to display (required)	required
prefix	text before the number	required
suffix	text after the number	required
label	caption below	required
size	font-size CSS value (default 3rem)	required
color	digit colour (default var(--a2ui-accent))	required
duration	total animation window in ms (default 1200)	required
align	center (default), left	required

Example payload

{
  "type": "number_flip",
  "value": 1,
  "prefix": 1,
  "suffix": 1,
  "label": "Number Flip"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:number_flip",
  "displayName": "Number Flip",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/number_flip",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "Slot-machine style digit reveal. Each digit flips in from above on load.",
  "representativeQueries": [
    "show a slot-machine digit reveal counter",
    "slot-machine style digit reveal. each digit flips in from above on load.",
    "render a number flip"
  ]
}

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