# chatscope/chat-ui-kit-react

Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.

Repository: https://github.com/chatscope/chat-ui-kit-react
Canonical: https://ross.abutalabs.com/products/chat-ui-kit-react
Homepage: https://chatscope.io
Language: JavaScript
License: MIT
License Family: permissive
Topics: chat, components, ui, user, interface, ui-kit, communication, conversation, toolkit, library, frontend, reusable, feed, comments, social, talk, friends, react, instant-messaging, messenger
Last push: 2025-05-15T07:24:19+00:00

## Health v2 (maintenance only)
Score: 43/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 21, release rhythm 40, longevity 100
- inputs: {"age_days": 2198, "days_push": 475, "days_rel": 475, "gap_med": 0, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1771, forks 153 (observed 2026-08-28T04:05:34.045994+00:00)

## What it is
An open-source React component library (@chatscope/chat-ui-kit-react) providing 43 reusable, themeable UI components for building web chat interfaces, plus a companion headless state-management hook (@chatscope/use-chat). It handles common chat UI pain points like sticky scrollbars, contenteditable inputs, and responsiveness.

## Use cases
- build a chat UI in React quickly
- add a live chat widget to a website
- create a chatbot interface frontend
- render comment feeds or social media comment threads
- build a customer support or helpdesk chat app
- display SMS-style conversation threads in a web app
- add chat to a game or intranet system

## When to choose
- you need a polished, responsive chat UI in React without building components from scratch
- you want framework-agnostic styling that works alongside Bootstrap, Material, or any CSS framework
- you need accessible, tree-shakeable chat components with TypeScript typings
- you want headless chat state management decoupled from any backend

## When to avoid
- you need a full chat backend or messaging infrastructure - this is UI only
- your app is not React-based (a React Native version was not yet released)
- you need a complete turnkey chat product rather than components
- you require heavy customization beyond SCSS variable theming

## Facets
- artifact type: library
- maturity: active
- function: ui-components, chat-interface, frontend-framework, state-management
- domain: web-development, frontend, chatbots, messaging-platforms, developer-tools
- platform: cross-platform
- tags: react, chat-ui, ui-kit, instant-messaging, components, storybook, typescript-typings, themeable, web-server, nodejs

## Member repositories
- chatscope/chat-ui-kit-react (main) score 43

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:34.045994+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:25:59.888781+00:00, confidence not recorded.
  - readme: https://github.com/chatscope/chat-ui-kit-react (fetched 2026-08-28T04:05:34.045994+00:00, sha 836903f31ea3)
  - homepage: https://chatscope.io (fetched 2026-08-29T11:04:37.053900+00:00, sha 69ae714cd934)
  - site_page: https://chatscope.io/features (fetched 2026-08-29T11:04:37.062788+00:00, sha ccc160d04777)
  - site_page: https://chatscope.io/docs (fetched 2026-08-29T11:04:37.064922+00:00, sha faa626b08ff6)
  - registry_npm: https://registry.npmjs.org/chat-ui-kit-react (fetched 2026-08-29T11:04:37.066635+00:00, sha 06f7a0728680)
- Data as of 2026-08-30T08:39:29.467469+00:00.