Copy/paste React components for rendering tool calls in AI chat interfaces. Built by assistant-ui.
When a model calls a tool, most apps dump raw JSON into the conversation. These components turn tool payloads into interactive UI — approvals, forms, tables, charts, media cards, and receipts — so users can understand and act without leaving the chat.
tool-ui.com | Docs | Gallery | Quick Start
|
Option List Let users select from multiple choices 
|
Question Flow Multi-step guided questions with branching 
|
- Decision/Confirmation: Approval Card, Order Summary, Message Draft, Option List
- Input/Configuration: Parameter Slider, Preferences Panel, Question Flow
- Display/Artifacts: Data Table, Chart, Citation, Link Preview, Stats Display, Code Block, Code Diff, Terminal
- Media/Creative: Image, Image Gallery, Video, Audio, Instagram Post, LinkedIn Post, X Post
- Progress/Execution: Plan, Progress Tracker, Weather Widget
Each component includes a Zod schema for payload validation and presets for realistic example data. Browse them all in the Gallery.
MIT License. See LICENSE for details.