ChatUI

Stale
GitHub TypeScript MIT

Description

The UI design language and React library for Conversational UI by Alibaba, providing complete chat interface components for building customer service and conversational applications.

Key Features

  • Complete React component library for conversational UI with Bubble, Chat, and more
  • Responsive design that adapts to desktop, mobile, and tablet devices
  • Accessibility certified by the Accessibility Research Association
  • Powerful theming system with customizable colors, fonts, and layout details
  • Internationalization support for dozens of languages out of the box
  • TypeScript-first with predictable static types and well-documented API

Use Cases

💡 Building AI chatbot frontends with pre-built chat components
💡 Customer service applications requiring accessible and responsive UI
💡 Multi-language conversational interfaces for global products
💡 Rapid prototyping of chat-based AI applications

Tags

javascript typescript chatbot web framework

Categories

💬 Chat UI

Quick Start

Install with `npm install @chatui/core --save`. Import `Chat`, `Bubble`, and `useMessages` from `@chatui/core`, add the CSS import `@chatui/core/dist/index.css`, then render a `<Chat>` component with message handling via `onSend`. See the CodeSandbox demo for a working example.
Visit GitHub

Related Projects