Animated Value
A number that counts up/down with easing.
Displays a number that animates from one value to another — great for KPIs, totals, and counters. Supports a prefix/suffix and adjustable duration.
type · animated_value
An animated visual primitive.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“animate a counter from 0 to 1,000,000 in dollars”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
animated_value.json
{
"type": "animated_value",
"from": 0,
"to": 1000000,
"prefix": "$",
"duration": 1500,
"size": "large",
"color": "0xFF007AFF"
}Properties
| Prop | Type | Description |
|---|---|---|
from | number | Starting value |
to | number | Target value |
prefix | string | Text before the number, e.g. "$" |
suffix | string | Text after the number, e.g. "%" |
duration | number | Animation length in ms |
color | color | Text color |
size | small|medium|large | Text size |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.