Confetti Burst

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

Surfaces

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

Live preview

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": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "JS confetti celebration effect. trigger load fires immediately, trigger button shows a clickable button.",
  "representativeQueries": [
    "show a confetti celebration burst effect",
    "js confetti celebration effect. trigger load fires immediately, trigger button shows a clickable but",
    "render a confetti burst"
  ]
}

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