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

• 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.