Number Flip

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

Surfaces

gaswebmeet-stageapps-script-web

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": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a Slot-machine style digit reveal. Each digit flips in from above on load",
    "render a number flip"
  ]
}

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