Build React Agent Chat Interfaces With Assistant Ui

---
name: "Build React agent chat interfaces with assistant-ui"
slug: "build-react-agent-chat-interfaces-with-assistant-ui"
description: "Use assistant-ui to build production React chat interfaces with reusable threads, runtimes, message components, and model/provider adapters."
github_stars: 10127
verification: "security_reviewed"
source: "https://github.com/assistant-ui/assistant-ui"
author: "assistant-ui"
publisher_type: "organization"
category: "Developer Tools"
framework: "Multi-Framework"
tool_ecosystem:
  github_repo: "assistant-ui/assistant-ui"
  github_stars: 10127
  npm_package: "@assistant-ui/react"
  npm_weekly_downloads: 705745
---

# Build React agent chat interfaces with assistant-ui

Use assistant-ui to build production React chat interfaces with reusable threads, runtimes, message components, and model/provider adapters.

## Prerequisites

React application, @assistant-ui/react, runtime adapter such as @assistant-ui/react-ai-sdk, backend model or agent endpoint

## Installation

Use the upstream install or setup path that matches your environment:
- npx assistant-ui@latest create # new project
- npx assistant-ui@latest init # add to existing project
- npm install @assistant-ui/react @assistant-ui/react-ai-sdk

Basic usage or getting-started notes:
- The fastest path is the CLI, which scaffolds a Next.js app or adds the styled components to an existing project:
- bash
- Or install the packages directly:

- Source: https://github.com/assistant-ui/assistant-ui
- Extracted from upstream docs: https://raw.githubusercontent.com/assistant-ui/assistant-ui/HEAD/README.md

## Documentation

- https://www.assistant-ui.com

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/build-react-agent-chat-interfaces-with-assistant-ui/)