react components

AI-native react components.

chat, generative UI, tool approvals. drop in, connect to any inference.sh agent, ship.

app.tsx

import { AgentChatProvider, Chat }
  from '@inference/ui'

<AgentChatProvider agent="my-agent">
  <Chat />
</AgentChatProvider>

rendered

generate an image of a cat on mars

🐱

generated with FLUX in 3.2s

type a message...

full agent chat in 4 lines.

not just chat

30+ widgets your agent can render

Table

Chart

Form

Map

Card

Image

Dialog

Alert

Toggle

+21 more

agent decides what to render. components are typed with JSON schemas. structured output → rich UI.

streaming

real-time token streaming with useAgentChat(). no manual SSE parsing. state managed for you.

tool approvals

HITL gates render as UI. user clicks approve or reject inline. no modal interruptions.

embed anywhere

react natively. iframe for anything else. proxy adapters for next.js, remix, sveltekit, hono.

Next.jsRemixSvelteKitHonoExpress

npm i @inference/ui

belt

npm i @inference/ui. or use belt to scaffold a full agent + UI project.

npm i -g @inference/belt

inference.sh ui vs Vercel AI SDK inference.sh ui vs CopilotKit

frequently asked questions

is this just a chat widget?

no. it's a full generative UI system. your agent can render tables, charts, forms, cards, not just text. components are typed with JSON schemas.

can I use these without inference.sh agents?

the components are designed for inference.sh agents. if you're using another runtime, check /agents for how to connect, or use the embed/iframe mode.

what frameworks are supported?

React natively. proxy adapters for Next.js, Remix, SvelteKit, Hono, and Express. iframe embed works anywhere.

ready to ship?

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

start for free

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.