Canvas Plexus

Full-viewport animated particle network — dots connected by proximity lines that fade with distance. Mouse/pointer repulses particles. Zero external dependencies, pure requestAnimationFrame loop.

Surfaces
apps-script-webwebmeet-stage
Fields
FieldType
countinteger. Number of particles. Default 65.optional
colourstring. Hex colour for particles and lines. Defaultoptional
speednumber. Particle speed multiplier. Default 1.0.optional
max_distinteger. Max distance px for edge connections. Default 120.optional
bgstring. Background colour. Defaultoptional
heightinteger. Canvas height px. Default 400.optional
repulse_radiusinteger. Mouse repulsion radius px. Default 90.optional
Example payload
{
  "type": "canvas_plexus"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:canvas_plexus",
  "displayName": "Canvas Plexus",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/canvas_plexus",
  "capabilities": [
    "apps-script-web",
    "web",
    "meet-stage"
  ],
  "description": "Full-viewport animated particle network \u2014 dots connected by proximity lines that fade with distance. Mouse/pointer repulses particles. Zero external dependencies, pure requestAnimationFrame loop.",
  "representativeQueries": [
    "show a animated particle plexus with proximity lines and mouse repulsion",
    "full-viewport animated particle network \u2014 dots connected by proximity lines that fade with distance.",
    "render a canvas plexus"
  ]
}
← 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 →