Confetti Burst

JS confetti celebration effect. trigger load fires immediately, trigger button shows a clickable button.

Surfaces

gaswebmeet-stageapps-script-web

Fields

Field	Type
trigger	button (default) or load	required
label	button label (default Celebrate!)	required
count	number of confetti pieces (default 80)	required
colors	array of hex colours	required
duration	total animation duration in ms (default 2000)	required
accent	button colour	required

Example payload

{
  "type": "confetti_burst",
  "colors": [
    "#3b82f6",
    "#10b981",
    "#f59e0b",
    "#ef4444"
  ],
  "accent": "#6366f1"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:confetti_burst",
  "displayName": "Confetti Burst",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/confetti_burst",
  "capabilities": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a JS confetti celebration effect. trigger load fires immediately, trigger button shows a clickable button",
    "render a confetti burst"
  ]
}

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