Timeline

Category: Core

Live preview

2024
A2UI v1
First atoms defined.
2025
467 atoms
Full schema published.
2026
ARD catalog
Live on a2uicatalog.ai.

Vertical timeline with dot connectors, date badges, tag pills

Surfaces

webgoogle-meet-stagepdfgoogle-apps-script-webmcp-appsandroidslidespptx

Degraded on

Surface	Note
google-chat	flexbox layout and custom styling stripped — use bullet_list with bold dates
email	flexbox unreliable on mobile email — use bullet_list with bold dates

Fields

Field	Type	Required
title	string	optional
accent	string	optional
events	[{'date': 'string', 'label': 'string', 'text': 'string', 'tag': 'string'}]	optional

Example payload

{
  "type": "timeline"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:timeline",
  "displayName": "Timeline",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/timeline/",
  "capabilities": [
    "web",
    "google-meet-stage",
    "pdf",
    "google-apps-script-web",
    "mcp-apps",
    "android",
    "slides",
    "pptx"
  ],
  "description": "Vertical timeline with dot connectors, date badges, tag pills",
  "representativeQueries": [
    "show a chronological event timeline",
    "vertical timeline with dot connectors, date badges, tag pills",
    "render a timeline"
  ]
}

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

Full deploy guide →