Three bouncing dots inside a chat bubble that signals an agent or user is composing a response. Each dot animates with a staggered delay using CSS @keyframes translateY, creating a continuous wave effect.
| Surface | Note |
|---|---|
| Renders as a static placeholder bubble; no animation | |
| googlechat | CSS animation not supported; renders as plain text |
| Field | Type | |
|---|---|---|
| name | string. Agent or user name shown above the bubble. Default "Agent". | optional |
| variant | "dark" | "light" (optional, default "dark"). Bubble colour scheme. | optional |
{
"type": "typing_indicator"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:typing_indicator",
"displayName": "Typing Indicator",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/typing_indicator",
"capabilities": [
"web",
"meet-stage",
"gas-sidebar",
"apps-script-web"
],
"description": "Three bouncing dots inside a chat bubble that signals an agent or user is composing a response. Each dot animates with a staggered delay using CSS @keyframes translateY, creating a continuous wave effect.",
"representativeQueries": [
"show a Three-dot bouncing chat typing indicator bubble",
"three bouncing dots inside a chat bubble that signals an agent or user is composing a response. each",
"render a typing indicator"
]
}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