Count Up Stat — A2UI Atomic Catalog

A stat number that counts up from zero to the target value using a cubic ease function on page load. Auto-plays — no user interaction required.

Surfaces

apps-script-webwebmeet-stage

Fields

Field	Type
value	integer. Target number to count to.	required
label	string. Descriptor shown below the number.	optional
prefix	string. Text before the number (e.g. "$").	optional
suffix	string. Text after the number (e.g. "%", "k").	optional
colour	string. Glow colour. Default	optional
duration	integer. Count-up duration ms. Default 1800.	optional
size	string. Font-size. Default 4rem.	optional

Example payload

{
  "type": "count_up_stat",
  "value": 1
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:count_up_stat",
  "displayName": "Count Up Stat",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/count_up_stat",
  "capabilities": [
    "apps-script-web",
    "web",
    "meet-stage"
  ],
  "description": "A stat number that counts up from zero to the target value using a cubic ease function on page load. Auto-plays \u2014 no user interaction required.",
  "representativeQueries": [
    "show a animated count-up number stat with cubic ease, auto-plays on load",
    "a stat number that counts up from zero to the target value using a cubic ease function on page load.",
    "render a count up stat"
  ]
}

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 →