Generative UI — the live registry powering agent.ai runners. Looking for the Chakra App SDK? /appsdk
35 components
Generative UI
Every component your agents already render — inputs, outputs, charts, and the icon set — surfaced from one registry. The same registry powers the agent.ai builder's Insert Component picker and ships through @agentai/appsdk/generative-ui.
npm i @agentai/appsdk
import { TextInput, sdkRegistry } from '@agentai/appsdk/generative-ui';
import { TextInput, sdkRegistry } from '@agentai/appsdk/generative-ui';
Frame
<Frame/>layout
Outermost agent runner container. Pairs with FrameHeader for the title bar.
Examples
Preview
Cold Call Prep
Inputs and outputs render inside the frame.
Props
title
body
title · string — FrameHeader title (omit to render headerless)
body · string — Body copy used in the demo content slot
Code
<Frame />
Import:
import { Frame }from '@agentai/appsdk/generative-ui';