Motion Rays

A sunburst that fans out behind a hero as p goes 0 to 1 (kind burst, --s turns it), or horizontal speed streaks that sweep across the frame (kind speed, --s slides them). Plain CSS gradients, no script; standalone it renders finished.

Surfaces
webgoogle-meet-stagegoogle-apps-script-webmcp-appsandroid
Degraded on
SurfaceNote
pdfPrints the final state (type fully revealed, numbers at their values, shapes drawn); no motion
google-chatInline CSS functions and custom properties are not supported
Live preview
Fields
FieldTypeRequired
kind"burst" | "speed" (optional, default "burst")optional
angleinteger. Kind speed only: the direction the lines run, in degrees clockwise from horizontal, -180 to 180. Default 0 (horizontal lines streaming left to right as step advances). The lines and their travel turn together inside the same 16:9 frame, clipped to it. Ignored by burst; 0 or a non-number keeps the horizontal look exactly.optional
countinteger. Rays or lines, 4-64. Default 24.optional
thicknessnumber. Share of each step that is ray, 0.1-0.9. Default 0.5.optional
spininteger. Degrees turned at --s = 1 (burst), -360 to 360. Default 45.optional
strengthnumber. Peak opacity, 0.05-1. Default 0.35.optional
accent"#rrggbb". Default the stage accent.optional
Example payload
{
  "type": "motion_rays"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:motion_rays",
  "displayName": "Motion Rays",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/motion_rays",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "mcp-apps",
    "android"
  ],
  "description": "A sunburst that fans out behind a hero as p goes 0 to 1 (kind burst, --s turns it), or horizontal speed streaks that sweep across the frame (kind speed, --s slides them). Plain CSS gradients, no script; standalone it renders finished.",
  "representativeQueries": [
    "show a sunburst or speed-line background that fans in and turns",
    "a sunburst that fans out behind a hero as p goes 0 to 1 (kind burst, --s turns it), or horizontal sp",
    "render a motion rays"
  ]
}
← 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 →