Breathing Guide
Guided breathing animation.
A guided breathing exercise with an expanding/contracting animation and configurable pattern.
type · breathing
Runs entirely in the shell — no backend needed.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“a 4-7-8 breathing exercise”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
breathing.json
{
"type": "breathing",
"pattern": "4-7-8",
"color": "0xFF007AFF"
}Properties
| Prop | Type | Description |
|---|---|---|
pattern | 4-7-8|4-4-4-4|5-5|2-1-4-1 | Breathing pattern |
color | color | Accent color |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.