Animated Border

Card or section with a rotating conic gradient border. Child blocks or content inside.

Surfaces

gaswebmeet-stageapps-script-web

Fields

Field	Type
blocks	array of child atoms inside	required
content	markdown string (if no blocks)	required
from	gradient start colour (default	required
to	gradient end colour (default	required
via	gradient mid colour (default	required
speed	rotation speed in seconds (default 3)	required
padding	inner padding (default 20px)	required
radius	border radius (default 12px)	required

Example payload

{
  "type": "animated_border",
  "blocks": [
    {
      "type": "body",
      "text": "Example content."
    }
  ],
  "content": "A concise description of the content."
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:animated_border",
  "displayName": "Animated Border",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/animated_border",
  "capabilities": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a Card or section with a rotating conic gradient border. Child blocks or content inside",
    "render a animated border"
  ]
}

← 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 →