Math Block

Native MathML equation typeset with the CSS `math` generic font family (STIX / Latin Modern Math) — no JavaScript, no external library. The agent emits standard MathML; the surface draws it. Great for maths and science content — fractions, roots, integrals, matrices — rendered with correct spacing and alignment.

Surfaces

webgoogle-apps-script-webgoogle-meet-stagemcp-apps

Live preview

x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}

(1)

Solutions of ax² + bx + c = 0

Fields

Field	Type
mathml	string. MathML markup — inner content or a full $element. Active content (script, annotation-xml, on* handlers, javascript:) is stripped before the markup is rendered.$	required
caption	string. Caption shown below the equation.	optional
number	string. Equation number, right-aligned (e.g. "(1)").	optional
align	string. 'center' (default) or 'left'.	optional
size	string. Equation font-size. Default clamp(1.1rem,2.5vw,1.6rem).	optional

Example payload

{
  "type": "math_block",
  "mathml": "Mathml"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:math_block",
  "displayName": "Math Block",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/math_block",
  "capabilities": [
    "web",
    "google-apps-script-web",
    "google-meet-stage",
    "mcp-apps"
  ],
  "description": "Native MathML equation typeset with the CSS `math` generic font family (STIX / Latin Modern Math) \u2014 no JavaScript, no external library. The agent emits standard MathML; the surface draws it. Great for maths and science content \u2014 fractions, roots, integrals, matrices \u2014 rendered with correct spacing and alignment.",
  "representativeQueries": [
    "show a native MathML equation typeset with the math font family",
    "native mathml equation typeset with the css `math` generic font family (stix / latin modern math) \u2014",
    "render a math block"
  ]
}

← 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 apps-script-surface/gas-schema-renderer
clasp push && clasp deploy

Full deploy guide →