widgets

A2UI widgets

A2UI-native agent widgets. flat component list in, rich UI out. spec-compliant, streaming-friendly, works on Gemini Enterprise.

pnpm dlx shadcn@latest add @inferencesh/widgets

showcase

what agents can render.

data display

flight status, weather, prices. agents return A2UI components — flat list with IDs, no nesting. the renderer resolves references and builds the UI.

departureSFOsan francisco
✈️5h 45mon time
arrivalJFKnew york
san franciscopartly cloudy68°
H: 72° L: 58°

flat adjacency list → rich UI

components reference children by ID. the renderer resolves the tree at render time. streaming-friendly — send components as they're generated.

A2UI surface JSONjson
{
  "version": "v0.9",
  "surfaceId": "flight",
  "catalogId": "inferencesh/v1",
  "components": [
    { "id": "root", "component": "Card", "child": "content" },
    { "id": "content", "component": "Row",
      "children": ["dep", "mid", "arr"],
      "justify": "between" },
    { "id": "dep", "component": "Column",
      "children": ["dep-label", "dep-code"] },
    { "id": "dep-label", "component": "Text",
      "text": "departure", "variant": "caption" },
    { "id": "dep-code", "component": "Text",
      "text": "SFO", "variant": "h1" },
    { "id": "mid", "component": "Column",
      "children": ["icon", "status"] },
    { "id": "icon", "component": "Icon", "name": "✈️" },
    { "id": "status", "component": "Badge",
      "badgeLabel": "on time" },
    { "id": "arr", "component": "Column",
      "children": ["arr-label", "arr-code"] },
    { "id": "arr-label", "component": "Text",
      "text": "arrival", "variant": "caption" },
    { "id": "arr-code", "component": "Text",
      "text": "JFK", "variant": "h1" }
  ]
}

interactive widgets

checklists, shopping carts, order flows. buttons, checkboxes, and dividers. actions fire back to the agent with all form data.

today's tasks
your order
brown sugar lattelarge • oat milk • less ice
$6.50
taro milk teamedium • regular sugar
$5.75
total$13.32

forms & input

TextField, ChoicePicker, CheckBox. agents collect structured data with typed form components. submit actions carry all field values.

send feedback

A2UI v0.9.1 components

organized by function.

layout

RowColumnListCard

display

TextImageIconDivider

interactive

ButtonTextFieldCheckBoxChoicePickerSliderDateTimeInput

container

CardTabs

extensions

BadgeSpacerChartForm

faq

frequently asked questions

can't find what you're looking for? we're here to help.

contact us →

A2UI (Agent-to-UI) is a declarative JSON protocol where agents emit structured component trees. clients render them natively. the spec is at a2ui.org. we use A2UI v0.9.1 as our native widget format — no translation layer.

ready to ship?

start with the hosted platform. deploy your own when you're ready.

we use cookies

we use cookies to ensure you get the best experience on our website. for more information on how we use cookies, please see our cookie policy.

by clicking "accept", you agree to our use of cookies.
learn more.