vkfolio

a2ui-vue A reference implementation of Google's A2UI agent-to-UI protocol, in 3.4 kB of Vue 3. The page below is one A2UI message rendered live.

vue 3 · runtime

A2UI Vue — a tiny runtime for agent-emitted UI

A2UI describes UI as messages the agent emits. Most reference runtimes are React-first; this is the Vue 3 counterpart, in 3.4 kB minified, no dependencies. The single composable validates the schema on the wire and falls back to a typed error component, never a blank screen.

The page above is the demo.

Everything in this column is one A2UI message rendered by the runtime. The schema panel on the right shows what the agent emitted.

  • Single composable: useA2UI(message) returns the tree to render.
  • Schema validation on the wire; typed error widget on mismatch.
  • No tree-shaking gotchas — all primitives in one file.
  • Server-driven; never re-mounts the root on update.

If you're curious how the protocol degrades when the agent sends something unexpected, the next widget is one. It's not a bug — it's the contract.

unknown widget kind: "Carousel" · skipped & logged.
View on GitHub → npm install a2ui-vue
A2UI Vue — Vue 3 renderer for Google's A2UI protocol. MIT. github.com/vkfolio/a2ui-vue.
← back to the trace