All Components

Browse the four built-in groups of GenUI components the hosted Agent can emit in a response. Each group includes validated component contracts and meaningful edge states. You can also render domain-specific React components through a custom Markdown renderer.

Agent UI Groups

Custom Components

Render declared client-tool states or map a fenced-code language to your own React component when the built-in catalog does not cover a domain-specific result.

How components are selected

1. A client tool returns structured data from the user's browser.
2. The hosted Agent selects a compatible component and prepares a typed payload.
3. The payload is validated against the Agent UI contract.
4. agent-ui renders the result with the embed's theme and interaction rules.

For direct control over the data available to generated UI, see Client Tools.