Assistant UI

Active
GitHub TypeScript MIT

Description

TypeScript/React component library for building AI chat interfaces with customizable, production-ready UI components supporting multiple AI providers.

Key Features

  • Production-ready chat UX out of the box: streaming, auto-scroll, retries, attachments, markdown, code highlighting
  • Radix-style composable primitives — Thread, Message, Composer, ThreadList, and more for custom layouts
  • Generative UI — render tool calls and JSON as React components with inline human approvals
  • Strong TypeScript — end-to-end typed runtime APIs, tool schemas, message parts, and adapters
  • Multiple backends: Vercel AI SDK, LangGraph, AG-UI/A2A protocols, Google ADK, and more
  • CLI scaffolding — one command creates a Next.js project or adds styled components to existing projects

Use Cases

💡 Quickly add AI chat to SaaS products — customer service assistants, writing tools, and more
💡 Build ChatGPT-like conversational interfaces with multi-model backend switching
💡 Create AI agent interfaces with tool call visualization and human approval workflows
💡 Build frontend interaction layers for LangGraph or other agent frameworks
💡 Integrate production-ready AI chat components into existing React projects

Tags

chat-ui react typescript ai-chat llm ui-components

Categories

💬 Chat UI

Quick Start

Scaffold a new project: npx assistant-ui@latest create, or add to existing: npx assistant-ui@latest init. Or install directly: npm install @assistant-ui/react @assistant-ui/react-ai-sdk. Wrap your app with AssistantRuntimeProvider and use the Thread component for a full chat experience. Docs at assistant-ui.com/docs.
Visit GitHub Visit Website View Docs

Related Projects