assistant-ui

What is assistant-ui?

assistant-ui is a versatile and developer-friendly React library designed to create AI chat interfaces with rich user experience. It offers composable UI primitives inspired by Radix UI and cmdk, enabling full customization while handling essential chat functionalities like streaming, auto-scrolling, markdown rendering, accessibility, and keyboard shortcuts. The library supports integration with multiple AI backends including LangGraph, AI SDK by Vercel, and custom APIs, providing seamless access to a wide range of large language models. assistant-ui also features generative UI capabilities, human-in-the-loop approval workflows, multimodal inputs, and stateful conversations, making it a comprehensive solution for embedding AI chat in web applications.

Key Features

• Composable UI Primitives

  Modular React components inspired by Radix UI and cmdk, allowing developers to fully customize the chat interface design and behavior.

• Multi-Model AI Integration

  Supports numerous AI providers including OpenAI, Anthropic, Mistral, Perplexity, AWS Bedrock, Azure, Google Gemini, and more, with easy backend switching.

• Advanced Chat UX

  Built-in features like streaming LLM responses, auto-scrolling, markdown and code highlighting, file attachments, keyboard accessibility, and real-time updates.

• Generative UI and Tool Calls

  Maps LLM tool calls and JSON outputs to custom UI components for interactive, visually rich conversations and frontend actions.

• Human-in-the-Loop Support

  Enables user approvals and input collection for AI actions, enhancing safety and control in critical workflows.

• Stateful and Multimodal Interactions

  Supports multi-turn conversations with context awareness, persistent memory, and inputs beyond text such as images and documents.

Use Cases

• In-App AI Assistants : Build conversational AI interfaces embedded in web applications for customer support, productivity tools, or personal assistants.
• Custom AI Chatbots : Create tailored chatbots with unique UI designs and integrations to serve specific business or user needs.
• Human-AI Collaboration : Implement workflows where users can review and approve AI-generated actions to ensure accuracy and compliance.
• Interactive Data Presentation : Use generative UI to display structured data, charts, or tool outputs within chat for enhanced user understanding.
• Multimodal AI Interfaces : Develop AI systems that accept and process images or documents alongside text for richer interaction scenarios.

FAQs