Pricing Tier Card — A2UI Atomic Catalog

Fields

Field	Type
plan_name	string	required
price	string	required
currency	string	required
frequency	string	required
features	array	required
call_to_action_label	string	required
call_to_action_url	string	required
is_highlighted	boolean	required

Example payload

{
  "type": "pricing_tier_card",
  "plan_name": "Plan name",
  "price": "$29/mo",
  "currency": "USD",
  "frequency": "monthly",
  "features": [
    "Core feature",
    "Advanced analytics",
    "API access"
  ],
  "call_to_action_label": "Call to action label",
  "call_to_action_url": "https://example.com",
  "is_highlighted": true
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:pricing_tier_card",
  "displayName": "Pricing Tier Card",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/pricing_tier_card",
  "capabilities": [
    "web",
    "meet-stage",
    "googlechat",
    "email",
    "pdf",
    "apps-script-web"
  ],
  "description": "Renders a single pricing plan with its name, price, key features, and",
  "representativeQueries": [
    "show a single pricing plan card with features list an optional call to action",
    "renders a single pricing plan with its name, price, key features, and",
    "render a pricing tier 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 →