Inference Logoinference shell
all components

widgets

generative widgets

30+ typed widgets your agent can render. forms, cards, charts, data displays. the agent returns JSON, the widget renderer handles the rest.

pnpm dlx shadcn@latest add @inferencesh/widgets

showcase

what agents can render.

data display

flight status, weather, prices. agents return structured data and the renderer turns it into rich, themed cards with gradients, icons, and badges.

departure

SFO

san francisco
✈️

5h 45m

on time

arrival

JFK

new york

san francisco

partly cloudy

68°

⛅

H: 72° L: 58°

structured output → rich UI

the agent returns JSON matching a widget schema. the renderer turns it into interactive UI. no template switching. one component renders everything.

widget JSONjson
{
  "type": "ui",
  "children": [{
    "type": "box",
    "background": "linear-gradient(...)",
    "padding": 4,
    "radius": "lg",
    "children": [{
      "type": "row",
      "justify": "between",
      "children": [
        { "type": "col", "children": [
          { "type": "caption", "value": "departure" },
          { "type": "title", "value": "SFO" },
          { "type": "text", "value": "san francisco" }
        ]},
        { "type": "col", "children": [
          { "type": "icon", "iconName": "✈️" },
          { "type": "badge", "label": "on time" }
        ]},
        { "type": "col", "children": [
          { "type": "caption", "value": "arrival" },
          { "type": "title", "value": "JFK" },
          { "type": "text", "value": "new york" }
        ]}
      ]
    }]
  }]
}

interactive widgets

checklists, shopping carts, order flows. widgets with buttons, checkboxes, and dividers. actions fire back to the agent via onAction.

today's tasks
your order
item
brown sugar latte

large • oat milk • less ice

$6.50
item
taro milk tea

medium • regular sugar

$5.75
total

$13.32

forms & input

text inputs, selects, textareas, submit buttons. agents can collect structured data from users with typed form widgets. validation and actions built in.

send feedback

widget types

organized by function.

data display

cardtextbadgetitlestatstableimage

forms & input

inputselectcheckboxtextareaform

layout

rowcolboxdividerspacer

interactive

buttonlinkdialogconfirmation

rich content

flight trackerweatherstock tickershopping cartcalendartimer

faq

frequently asked questions

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

contact us →

the agent returns structured JSON with a type field. the widget renderer matches the type to a component and renders it. the agent sees the JSON schema for each widget type, so it knows the shape of the data it needs to return.

ready to ship?

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

start for freeview on github

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.