Tool UI: a React component library that converts LLM tool outputs into inline UI elements inside chat messages.
The library connects typed schemas to components. Your backend returns JSON that matches component props. The frontend validates and renders automatically.
Key features:
- 17 production components (charts, tables, galleries, approval flows)
- Schema validation with Zod on both client and server
- Built on Radix UI primitives and Tailwind CSS
- Works with AI SDK, LangGraph, or custom orchestration Mobile-responsive layouts and full accessibility support
- Stable IDs for assistant references to specific UI elements
Each component handles its own lifecycle from loading through completion. Receipt states confirm when side effects finish.
The framework stays stack-agnostic. You choose your LLM provider and orchestration layer. Components render inside message threads rather than triggering separate navigation flows.
Top comments (0)