# assistant-ui/assistant-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/assistant-ui-assistant-ui).**

8,538 stars · 894 forks · TypeScript · mit

## Links

- GitHub: https://github.com/assistant-ui/assistant-ui
- Homepage: https://www.assistant-ui.com
- awesome-repositories: https://awesome-repositories.com/repository/assistant-ui-assistant-ui.md

## Topics

`ai-chatbot` `chatbot` `conversational-ai` `copilot` `radix-ui` `react-chatbot` `shadcn` `ui-components` `vercel-ai-sdk`

## Description

assistant-ui is a React interface framework and component kit designed for building conversational user interfaces for artificial intelligence services. It provides a collection of reusable components to render chat windows and interaction histories that connect to large language model backends.

The framework uses a composable architecture and a provider pattern to decouple UI components from specific backend implementations. Visual customization is handled through a CSS-variable theming system, while adapter-based integration standardizes different API responses into a consistent format for the frontend.

The project covers state synchronization for conversational history and the management of streaming text buffers to maintain interface responsiveness. It includes high-level capabilities for AI interaction state management and conversational UI design.

## Tags

### Artificial Intelligence & ML

- [AI Chat Interfaces](https://awesome-repositories.com/f/artificial-intelligence-ml/generative-ai-resources/generative-ai-interfaces/ai-chat-interfaces.md) — Provides a comprehensive framework for building web-based conversational interfaces to generative AI models.
- [LLM Chat Interfaces](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-systems-frameworks/model-integration-serving/model-integration-interfaces/ai-model-interfaces/llm-chat-interfaces.md) — Offers a library of reusable components that provide a unified UI for interacting with multiple LLMs.
- [AI Backend Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-backend-integrations.md) — Provides standardized mechanisms to connect chat interfaces to various LLM providers and custom AI backends. ([source](https://www.assistant-ui.com/docs.mdx))
- [Chat State Managers](https://awesome-repositories.com/f/artificial-intelligence-ml/chat-state-managers.md) — Includes state management for tracking message history and handling streaming responses in AI applications.
- [LLM Provider Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/llm-provider-integrations.md) — Provides adapters and configurations for connecting front-end applications to external LLM providers.

### User Interface & Experience

- [Chat Interfaces](https://awesome-repositories.com/f/user-interface-experience/chat-interfaces.md) — Delivers customizable chat window and message list components for interacting with AI models. ([source](https://www.assistant-ui.com/docs.mdx))
- [AI-Driven Chat Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components/ai-driven-chat-components.md) — Provides a framework of React components and hooks designed specifically for streaming AI content. ([source](https://cdn.jsdelivr.net/gh/assistant-ui/assistant-ui@main/README.md))
- [Conversational UI Kits](https://awesome-repositories.com/f/user-interface-experience/conversational-ui-kits.md) — Ships a set of pre-built interface elements for creating professional AI chat windows and histories.
- [Component-Driven Architectures](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/component-driven-architectures.md) — Uses a component-driven architecture to build complex chat interfaces from small, reusable UI elements.
- [AI Response Adapters](https://awesome-repositories.com/f/user-interface-experience/browser-based-interfaces/backend-adapters/ai-response-adapters.md) — Implements an adapter layer to normalize different LLM API responses for consistent frontend consumption.
- [Conversational UI Patterns](https://awesome-repositories.com/f/user-interface-experience/conversational-ui-patterns.md) — Provides a professional chat experience based on established conversational UI design patterns.
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Implements a theming system that maps design tokens to native CSS variables for dynamic visual customization.
- [Streaming Text Buffers](https://awesome-repositories.com/f/user-interface-experience/input-state-managers/text-buffer-management/streaming-text-buffers.md) — Manages fragmented incoming AI text chunks to ensure smooth rendering without flickering or layout shifts.

### Web Development

- [AI Interface Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/full-stack-frameworks/react-frameworks/ai-interface-frameworks.md) — Provides a specialized React framework for managing streaming text and chat state in AI applications.
- [State Management Hooks](https://awesome-repositories.com/f/web-development/state-management-hooks.md) — Utilizes custom React hooks to orchestrate conversational history and synchronize streaming text updates.

### Software Engineering & Architecture

- [Dependency Injection Providers](https://awesome-repositories.com/f/software-engineering-architecture/dependency-injection-providers.md) — Employs the provider pattern to inject AI backend configurations into the component hierarchy.

### Part of an Awesome List

- [AI and Agents](https://awesome-repositories.com/f/awesome-lists/ai/ai-and-agents.md) — Library for building AI chat interfaces.