Gradient Border Card — A2UI Atomic Catalog

Fields

Field	Type
title	string	optional
content	string	optional
colours	array of hex strings (optional, gradient stops)	optional
bg	string (optional, card background)	optional
angle	number (optional, gradient angle degrees)	optional
padding	string	optional
radius	string	optional

Example payload

{
  "type": "gradient_border_card"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:gradient_border_card",
  "displayName": "Gradient Border Card",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/gradient_border_card",
  "capabilities": [
    "apps-script-web"
  ],
  "description": "Card with an animated gradient border stroke on dark background",
  "representativeQueries": [
    "show a animated gradient border card",
    "card with an animated gradient border stroke on dark background",
    "render a gradient border card"
  ]
}

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 →