Cursor Trail

A chain of fading dots that follow the cursor using worm-chain physics — each dot lerps toward the one ahead of it, creating a fluid trailing effect.

Surfaces
google-apps-script-webwebgoogle-meet-stagemcp-apps
Live preview
Fields
FieldType
colourstring. Dot colour. Defaultoptional
lengthinteger. Number of chain dots. Default 16.optional
sizeinteger. Lead dot diameter px. Default 10.optional
speednumber. Lerp factor per dot. Default 0.35.optional
Example payload
{
  "type": "cursor_trail"
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:cursor_trail",
  "displayName": "Cursor Trail",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/cursor_trail",
  "capabilities": [
    "google-apps-script-web",
    "web",
    "google-meet-stage",
    "mcp-apps"
  ],
  "description": "A chain of fading dots that follow the cursor using worm-chain physics \u2014 each dot lerps toward the one ahead of it, creating a fluid trailing effect.",
  "representativeQueries": [
    "show a chain of fading dots following the cursor with worm physics",
    "a chain of fading dots that follow the cursor using worm-chain physics \u2014 each dot lerps toward the o",
    "render a cursor trail"
  ]
}
← 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 →