Dark panel with three independently-animating radial gradient blobs that drift and scale using CSS @keyframes — creating an aurora borealis effect with no JavaScript. Supports optional title and body text overlaid on the effect. Ideal for hero sections, cover slides, and atmospheric backgrounds on google-meet-stage.
| Surface | Note |
|---|---|
| Renders as a static gradient panel without animation | |
| google-chat | CSS animation not supported; renders as solid background |
| Field | Type | |
|---|---|---|
| colors | array of up to 3 hex colour strings. Default ["#38bdf8","#818cf8","#34d399"]. | optional |
| speed | "slow" | "normal" | "fast" (optional, default "slow") | optional |
| opacity | float 0–1 (optional, default 0.5). Blob layer opacity. | optional |
| background | string. Panel background colour. Default "#0a0f1d". | optional |
| title | string. Text heading overlaid on the aurora. | optional |
| body | string. Body text overlaid on the aurora (markdown inline supported). | optional |
{
"type": "aurora_background"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:aurora_background",
"displayName": "Aurora Background",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/aurora_background",
"capabilities": [
"web",
"google-meet-stage",
"google-apps-script-web",
"mcp-apps"
],
"description": "Dark panel with three independently-animating radial gradient blobs that drift and scale using CSS @keyframes \u2014 creating an aurora borealis effect with no JavaScript. Supports optional title and body text overlaid on the effect. Ideal for hero sections, cover slides, and atmospheric backgrounds on google-meet-stage.",
"representativeQueries": [
"show a animated aurora borealis gradient blob background, CSS-only",
"dark panel with three independently-animating radial gradient blobs that drift and scale using css @",
"render a aurora background"
]
}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