Cursor Trail

Category: Effects & motion

Live preview

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-appsandroid
Fields
FieldTypeRequired
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",
    "android"
  ],
  "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 →