A responsive CSS grid of feature tiles, each with an icon, title, and description paragraph. Supports 2 or 3 columns and optional per-tile badges. The canonical Tailwind UI marketing feature section pattern.
| Surface | Note |
|---|---|
| meet-stage | Grid collapses to single column on narrow stage panels |
| Grid layout may collapse in email clients; renders as stacked list |
| Field | Type | |
|---|---|---|
| heading | string. Section heading above the grid. | optional |
| description | string. Section sub-heading or intro paragraph. | optional |
| columns | integer. 2 or 3. Default 3. | optional |
| features | array of objects with fields — icon (emoji or text), title, description, badge (optional short label), color (optional hex accent). | optional |
{
"type": "feature_grid"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:feature_grid",
"displayName": "Feature Grid",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/feature_grid",
"capabilities": [
"web",
"pdf",
"apps-script-web"
],
"description": "A responsive CSS grid of feature tiles, each with an icon, title, and description paragraph. Supports 2 or 3 columns and optional per-tile badges. The canonical Tailwind UI marketing feature section pattern.",
"representativeQueries": [
"show a icon + title + description feature grid \u2014 Tailwind UI pattern",
"a responsive css grid of feature tiles, each with an icon, title, and description paragraph. support",
"render a feature grid"
]
}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