assistant-ui/tool-ui

What it solves

Most AI chat interfaces display tool calls as raw JSON, which is difficult for users to read and interact with. Tool UI provides a library of React components that transform these raw tool payloads into intuitive, interactive visual elements like charts, forms, and maps.

How it works

Following a shadcn/ui-style approach, these components are designed to be copied and pasted directly into a project's codebase rather than installed as a dependency. Each component is paired with a Zod schema to validate the tool output; the UI renders only when the payload is valid, ensuring the app fails safely.

Who it’s for

Developers building AI chat interfaces who want to provide a more polished, interactive experience for tool-calling models without being locked into a specific design system.

Highlights

• Copy-paste architecture: Components live in your codebase, avoiding dependency lock-in.
• Schema-validated: Uses Zod schemas to ensure tool outputs are parsed and rendered correctly.
• Interactive receipts: User choices made within the components flow back to the assistant and persist as receipts.
• Built on shadcn/ui: Leverages Radix primitives and Tailwind CSS for easy styling and theme integration.
• Extensive component library: Includes everything from progress trackers and data tables to geo maps and social media post previews.