Charts, gauges & numbers
For data and dashboards, the agent reaches for animated components.Timers, games & utilities (no backend)
These Tier 1 widgets run entirely in the shell meaning they are instant and offline.Time
“a pomodoro timer” · “countdown to midnight” · “a stopwatch” · “world clock for
NY, London, Tokyo”
Games
“roll 2d20” · “flip a coin” · “tic-tac-toe vs the computer” · “a snake game”
Health
“a 4-7-8 breathing exercise” · “BMI calculator” · “split a $120 bill 3 ways”
Creative
“a drawing canvas” · “an HSL color picker” · “a metronome at 120 bpm” · “a
pixel-art grid”
Live real-world data
Tier 2 widgets fetch live data through the agent and render it beautifully.Explainers & diagrams
For “how does X work” or “show me X”, the agent generates animated SVG diagrams with labelled parts and motion.Multi-widget dashboards
Ask for a whole layout and the agent composes several widgets together:“Build me a focus dashboard with a pomodoro timer, a todo list, and today’s weather.”This produces a
column/grid of coordinated widgets (e.g. a pomodoro, a todo_list, and a
live_weather, themed consistently.
Custom logic on demand
When a widget needs computation the standard components can’t express, the agent writes sandboxed logic (JIT) and binds the result into the UI, all in a single LLM response. You don’t do anything special; just ask:“a widget that shows the number of days until my birthday on July 14, counting live.”
Theming
Add a vibe and the agent sets the top-leveltheme:
“…make it glassmorphic” →theme: "glassmorphic"(alsodark, the default, orlight). Semantic color tokens adapt automatically.
Full widget catalog
Every component type and its properties.