Floating Badge

An emoji or icon that bobs up and down continuously. Great for CTAs and achievement moments.

Surfaces
gaswebmeet-stageapps-script-web
Fields
FieldType
iconemoji or character to float (required)required
labeloptional caption belowoptional
sizesm, md (default), lgrequired
speedbob cycle in seconds (default 3)required
shadowdrop shadow that deepens on rise (default true)required
aligncenter (default), left, rightrequired
Example payload
{
  "type": "floating_badge",
  "icon": "\u2b50"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:floating_badge",
  "displayName": "Floating Badge",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/floating_badge",
  "capabilities": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a An emoji or icon that bobs up and down continuously. Great for CTAs and achievement moments",
    "render a floating badge"
  ]
}
← 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 →