Floating Badge

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

Surfaces

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

Live preview

⭐

Fields

Field	Type
icon	emoji or character to float (required)	required
label	optional caption below	optional
size	sm, md (default), lg	required
speed	bob cycle in seconds (default 3)	required
shadow	drop shadow that deepens on rise (default true)	required
align	center (default), left, right	required

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": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "An emoji or icon that bobs up and down continuously. Great for CTAs and achievement moments.",
  "representativeQueries": [
    "show a bobbing emoji or icon badge",
    "an emoji or icon that bobs up and down continuously. great for ctas and achievement moments.",
    "render a floating badge"
  ]
}

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