> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-skills-v5-temp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# React UI Kit v7 — LLM docs index

> Machine-readable, React-v7-scoped index of every UI Kit page as a clean .md twin. Built for AI coding agents; kept out of the human sidebar.

# React UI Kit v7 — LLM docs index (Latest)

> Stateful, drop-in React chat/calling UI. Package `@cometchat/chat-uikit-react@7` +
> `@cometchat/chat-sdk-javascript@4`. This page is a **React-v7-only** routing index for AI
> agents — a scoped alternative to the site-wide `/docs/llms.txt`.

## How to use this index

Each link points to the docs page; **append `.md`** to its URL to fetch the clean Markdown twin
(verbatim code + an "AI Integration Quick Reference" block with prop names, types, and defaults).
Pick the page for the intent, then read the props there.

* Convention: any docs page URL + `.md` → raw Markdown.
* Fallback: if a `.md` twin 404s, fetch the same URL **without** `.md` (HTML). Never read a
  package `.d.ts` and never answer props from memory.

## Hot path — usually no fetch needed

For a plain "add chat" the install, `init → login → render`, provider, and the core drop-in props
are stable; a well-built agent skill bakes them. Fetch below only for exhaustive props, long-tail
components, theming tokens, or feature enablement.

* Setup: [React.js Integration](/ui-kit/react/integration-react)
* Provider/lifecycle: [CometChatProvider](/ui-kit/react/cometchat-provider)
* Core drop-ins: [Conversations](/ui-kit/react/components/conversations) · [Message Header](/ui-kit/react/components/message-header) · [Message List](/ui-kit/react/components/message-list) · [Message Composer](/ui-kit/react/components/message-composer)

## Getting started / integration

* [React.js Integration](/ui-kit/react/integration-react)
* [Next.js Integration](/ui-kit/react/integration-nextjs)
* [React Router Integration](/ui-kit/react/integration-react-router)
* [Astro Integration](/ui-kit/react/integration-astro)
* [React UI Kit — Overview](/ui-kit/react/overview)
* [Components Overview](/ui-kit/react/components-overview)

## Core & configuration

* [CometChatProvider](/ui-kit/react/cometchat-provider)
* [Core Features](/ui-kit/react/core-features)
* [Methods](/ui-kit/react/methods)
* [Event System](/ui-kit/react/event-system)
* [Sound Manager](/ui-kit/react/sound-manager)
* [Localization](/ui-kit/react/localization)
* [Extensions](/ui-kit/react/extensions)
* [Troubleshooting](/ui-kit/react/troubleshooting)

## Theming

* [Theming (`--cometchat-*` tokens, light/dark)](/ui-kit/react/theming)

## Components — conversations & lists

* [Conversations](/ui-kit/react/components/conversations)
* [Users](/ui-kit/react/components/users)
* [Groups](/ui-kit/react/components/groups)
* [Group Members](/ui-kit/react/components/group-members)

## Components — messages

* [Message Header](/ui-kit/react/components/message-header)
* [Message List](/ui-kit/react/components/message-list)
* [Message Composer](/ui-kit/react/components/message-composer)
* [Message Bubble](/ui-kit/react/components/message-bubble)
* [Thread Header](/ui-kit/react/components/thread-header)
* [Message Information](/ui-kit/react/components/message-information)
* [Reactions](/ui-kit/react/components/reactions)
* [Reaction List](/ui-kit/react/components/reaction-list)
* [Flag Message Dialog](/ui-kit/react/components/flag-message-dialog)

## Components — message bubbles

* [Text Bubble](/ui-kit/react/components/text-bubble)
* [Image Bubble](/ui-kit/react/components/image-bubble)
* [Video Bubble](/ui-kit/react/components/video-bubble)
* [Audio Bubble](/ui-kit/react/components/audio-bubble)
* [Voice Note Bubble](/ui-kit/react/components/voice-note-bubble)
* [File Bubble](/ui-kit/react/components/file-bubble)
* [Poll Bubble](/ui-kit/react/components/poll-bubble)
* [Sticker Bubble](/ui-kit/react/components/sticker-bubble)
* [Card Bubble](/ui-kit/react/components/card-bubble)
* [Collaborative Document Bubble](/ui-kit/react/components/collaborative-document-bubble)
* [Collaborative Whiteboard Bubble](/ui-kit/react/components/collaborative-whiteboard-bubble)
* [Call Bubble](/ui-kit/react/components/call-bubble)
* [Call Action Bubble](/ui-kit/react/components/call-action-bubble)
* [Group Action Bubble](/ui-kit/react/components/group-action-bubble)
* [Delete Bubble](/ui-kit/react/components/delete-bubble)

## Components — calling

* [Call Buttons](/ui-kit/react/components/call-buttons)
* [Incoming Call](/ui-kit/react/components/incoming-call)
* [Outgoing Call](/ui-kit/react/components/outgoing-call)
* [Call Logs](/ui-kit/react/components/call-logs)
* [Calling Integration](/ui-kit/react/calling-integration)
* [Call Features](/ui-kit/react/call-features)

## Components — search, AI & notifications

* [Search](/ui-kit/react/components/search)
* [AI Assistant Chat](/ui-kit/react/components/ai-assistant-chat)
* [Smart / AI Features](/ui-kit/react/ai-features)
* [Notification Feed](/ui-kit/react/components/notification-feed)

## Task guides (recipes)

* [New Chat Creation](/ui-kit/react/guide-new-chat-creation)
* [Group Chat Setup](/ui-kit/react/guide-group-chat-setup)
* [Search Messages](/ui-kit/react/guide-search-messages)
* [Threaded Messages](/ui-kit/react/guide-threaded-messages)
* [Message Privately](/ui-kit/react/guide-message-privately)
* [Block / Unblock User](/ui-kit/react/guide-block-unblock-user)

## Framework recipes (full-page layouts)

* React: [Conversation + Messages](/ui-kit/react/react-conversation) · [One-to-One / Group](/ui-kit/react/react-one-to-one-chat) · [Tab-Based](/ui-kit/react/react-tab-based-chat)
* Next.js: [Conversation + Messages](/ui-kit/react/next-conversation) · [One-to-One / Group](/ui-kit/react/next-one-to-one-chat) · [Tab-Based](/ui-kit/react/next-tab-based-chat)
* React Router: [Conversation + Messages](/ui-kit/react/react-router-conversation) · [One-to-One / Group](/ui-kit/react/react-router-one-to-one-chat) · [Tab-Based](/ui-kit/react/react-router-tab-based-chat)
* Astro: [Conversation + Messages](/ui-kit/react/astro-conversation) · [One-to-One / Group](/ui-kit/react/astro-one-to-one-chat) · [Tab-Based](/ui-kit/react/astro-tab-based-chat)

## Migration & misc

* [Upgrading from v6 to v7](/ui-kit/react/migration-overview)
* [v6 → v7 Property Changes](/ui-kit/react/migration-property-changes)
* [Campaigns](/ui-kit/react/campaigns)