A dark overlay with a soft-edged circular cutout that follows the cursor — torch or spotlight effect. Best used as a standalone page effect or dramatic opening slide.
| Field | Type | |
|---|---|---|
| radius | integer. Spotlight radius px. Default 180. | optional |
| darkness | number. Overlay opacity 0–1. Default 0.82. | optional |
| colour | string. Overlay colour. Default | optional |
| soft_edge | integer. Feather distance px beyond radius. Default 60. | optional |
{
"type": "spotlight_cursor"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:spotlight_cursor",
"displayName": "Spotlight Cursor",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/spotlight_cursor",
"capabilities": [
"apps-script-web",
"web",
"meet-stage"
],
"description": "A dark overlay with a soft-edged circular cutout that follows the cursor \u2014 torch or spotlight effect. Best used as a standalone page effect or dramatic opening slide.",
"representativeQueries": [
"show a dark overlay with cursor-following circular cutout \u2014 torch effect",
"a dark overlay with a soft-edged circular cutout that follows the cursor \u2014 torch or spotlight effect",
"render a spotlight cursor"
]
}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