# CometChat Docs: Chat & Messaging UI Kits React

> Technical documentation & Implementation guides to add In-app Messaging & Voice & Video Calling to your apps and websites in minutes.

## React

### v7

####  

- [React UI Kit](https://www.cometchat.com/docs/ui-kit/react/overview.md): Prebuilt React components for chat, voice, and video calling. Supports React.js, Next.js, React Router, and Astro.
- [Troubleshooting](https://www.cometchat.com/docs/ui-kit/react/troubleshooting.md): Solutions for common issues when using CometChat React UI Kit v7
- [React Sample App](https://www.cometchat.com/docs/ui-kit/react/link/sample.md): Navigate to React Sample App documentation.
- [Changelog](https://www.cometchat.com/docs/ui-kit/react/link/changelog.md): Navigate to Changelog documentation.
- [Figma Design](https://www.cometchat.com/docs/ui-kit/react/link/figma.md): Navigate to Figma Design documentation.

##### Getting Started

- [Calling Integration](https://www.cometchat.com/docs/ui-kit/react/calling-integration.md): Step-by-step guide to integrate voice and video calling into your React app using CometChat UI Kit v7.

###### React.js

- [React.js Integration](https://www.cometchat.com/docs/ui-kit/react/integration-react.md): Add CometChat to a React.js app in 4 steps: create project, install, init + login, render.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/react-conversation.md): Build a two-panel conversation list + message view layout in React.js with CometChat UI Kit.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/react-one-to-one-chat.md): Build a single chat window for one-to-one or group messaging in React.js with CometChat UI Kit.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/react-tab-based-chat.md): Build a tab-based chat interface with Chat, Call Logs, and Users tabs in React.js.

###### Next.js

- [Next.js Integration](https://www.cometchat.com/docs/ui-kit/react/integration-nextjs.md): Add CometChat to a Next.js (App Router) app in 5 steps: create project, install, init + login, render, run.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/next-conversation.md): Build a two-panel conversation list + message view layout in Next.js (App Router) with CometChat UI Kit.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/next-one-to-one-chat.md): Build a single chat window for one-to-one or group messaging in Next.js (App Router) with CometChat UI Kit.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/next-tab-based-chat.md): Build a tab-based chat interface with Chat, Call Logs, and Users tabs in Next.js (App Router).

###### React Router

- [React Router Integration](https://www.cometchat.com/docs/ui-kit/react/integration-react-router.md): Add CometChat to a React Router app in 5 steps: create project, install, init + login, render, run.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/react-router-conversation.md): Build a two-panel conversation list + message view layout in React Router with CometChat UI Kit.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/react-router-one-to-one-chat.md): Build a single chat window for one-to-one or group messaging in React Router with CometChat UI Kit.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/react-router-tab-based-chat.md): Build a tab-based chat interface with Chat, Call Logs, and Users tabs in React Router.

###### Astro

- [Astro Integration](https://www.cometchat.com/docs/ui-kit/react/integration-astro.md): Add CometChat to an Astro app in 5 steps: create project, install, init + login, render island, run.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/astro-conversation.md): Build a two-panel conversation list + message view layout in Astro with CometChat UI Kit.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/astro-one-to-one-chat.md): Build a single chat window for one-to-one or group messaging in Astro with CometChat UI Kit.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/astro-tab-based-chat.md): Build a tab-based chat interface with Chat, Call Logs, and Users tabs in Astro.

##### Features

- [Call](https://www.cometchat.com/docs/ui-kit/react/call-features.md): Overview of CometChat React UI Kit calling features, including incoming calls, outgoing calls, call logs, and call components.
- [Campaigns](https://www.cometchat.com/docs/ui-kit/react/campaigns.md): Deliver targeted, rich notifications to users via an in-app notification feed powered by the CometChat Cards renderer.

###### Chat

- [Core](https://www.cometchat.com/docs/ui-kit/react/core-features.md): Overview of CometChat React UI Kit core features, including messaging, media sharing, receipts, presence, reactions, search, and moderation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/extensions.md): Overview of CometChat extensions for React UI Kit, including engagement, collaboration, security, support, and smart chat features.
- [Smart Chat Features](https://www.cometchat.com/docs/ui-kit/react/ai-features.md): AI-powered features in CometChat's React UI Kit: Conversation Starter, Smart Replies, and Conversation Summary.

##### Components

- [Overview](https://www.cometchat.com/docs/ui-kit/react/components-overview.md): Understand the component architecture, usage patterns, and all available components in the CometChat React UI Kit.
- [Conversations](https://www.cometchat.com/docs/ui-kit/react/components/conversations.md): Scrollable list of recent one-on-one and group conversations for the logged-in user with real-time updates.
- [Users](https://www.cometchat.com/docs/ui-kit/react/components/users.md): Searchable, scrollable list of users with selection support and real-time presence updates.
- [Groups](https://www.cometchat.com/docs/ui-kit/react/components/groups.md): Searchable, scrollable list of groups with selection support and real-time membership updates.
- [Group Members](https://www.cometchat.com/docs/ui-kit/react/components/group-members.md): Scrollable list of members for a specific group with role-based actions like kick, ban, and scope change.
- [Message Header](https://www.cometchat.com/docs/ui-kit/react/components/message-header.md): Toolbar displaying conversation details with avatar, name, presence status, typing indicator, and call buttons.
- [Message List](https://www.cometchat.com/docs/ui-kit/react/components/message-list.md): Scrollable message feed with plugin-based bubble rendering, reactions, receipts, threads, and real-time updates.
- [Message Composer](https://www.cometchat.com/docs/ui-kit/react/components/message-composer.md): Rich text input with attachments, emoji, voice recording, mentions, and formatting for sending messages.
- [Thread Header](https://www.cometchat.com/docs/ui-kit/react/components/thread-header.md): Displays the parent message bubble and reply count for threaded conversations.
- [Pinned Messages](https://www.cometchat.com/docs/ui-kit/react/components/pinned-messages.md): Displays the messages pinned in a conversation, with quick unpin and per-message options.
- [Saved Messages](https://www.cometchat.com/docs/ui-kit/react/components/saved-messages.md): Displays the messages the current user has saved across all conversations.
- [Message Information](https://www.cometchat.com/docs/ui-kit/react/components/message-information.md): Displays detailed message information including delivery and read receipts for 1-on-1 and group conversations.
- [Reactions](https://www.cometchat.com/docs/ui-kit/react/components/reactions.md): Displays emoji reaction chips on message bubbles with hover tooltips, a full reactor list, and overflow handling.
- [Reaction List](https://www.cometchat.com/docs/ui-kit/react/components/reaction-list.md): Standalone panel showing who reacted to a message, with emoji tab filtering, pagination, and optimistic removal for the current user.
- [Flag Message Dialog](https://www.cometchat.com/docs/ui-kit/react/components/flag-message-dialog.md): A dialog for reporting inappropriate messages with reason selection, an optional remark, and submission handling.
- [Call Buttons](https://www.cometchat.com/docs/ui-kit/react/components/call-buttons.md): Voice and video call buttons for user or group conversations, with click overrides, custom button views, and full call lifecycle handling.
- [Incoming Call](https://www.cometchat.com/docs/ui-kit/react/components/incoming-call.md): Displays an incoming call notification with caller info, accept/decline buttons, and transitions to the ongoing call screen.
- [Outgoing Call](https://www.cometchat.com/docs/ui-kit/react/components/outgoing-call.md): Displays the outgoing call screen with receiver info and a cancel button while waiting for the call to be answered.
- [Call Logs](https://www.cometchat.com/docs/ui-kit/react/components/call-logs.md): Scrollable list of call history with call details, duration, and the ability to initiate new calls.
- [Search](https://www.cometchat.com/docs/ui-kit/react/components/search.md): Unified search across conversations and messages with filter chips, scoped search, and customizable result views.
- [AI Assistant Chat](https://www.cometchat.com/docs/ui-kit/react/components/ai-assistant-chat.md): AI agent chat interface with streaming responses, suggested messages, tool calling, and conversation history.
- [Notification Feed](https://www.cometchat.com/docs/ui-kit/react/components/notification-feed.md): Full-screen notification feed component with category filtering, card rendering, real-time updates, and engagement reporting.

###### Message Bubbles

- [Message Bubble](https://www.cometchat.com/docs/ui-kit/react/components/message-bubble.md): A shared wrapper component that renders all message types with common chrome — avatar, sender name, bubble background, timestamp, receipts, thread replies, and context menu.
- [Text Bubble](https://www.cometchat.com/docs/ui-kit/react/components/text-bubble.md): A self-extracting bubble that renders text messages with markdown, mentions, clickable URLs, link previews, and read-more truncation.
- [Image Bubble](https://www.cometchat.com/docs/ui-kit/react/components/image-bubble.md): A batch-aware bubble that renders one or more image attachments with adaptive grid layouts, a caption, and a fullscreen gallery viewer.
- [Video Bubble](https://www.cometchat.com/docs/ui-kit/react/components/video-bubble.md): A batch-aware bubble that renders one or more video attachments with adaptive grid layouts, poster thumbnails, and a fullscreen viewer.
- [Audio Bubble](https://www.cometchat.com/docs/ui-kit/react/components/audio-bubble.md): A batch-aware bubble that renders one or more audio file attachments with inline playback cards, seek controls, and download.
- [Voice Note Bubble](https://www.cometchat.com/docs/ui-kit/react/components/voice-note-bubble.md): A dedicated bubble for recorded voice notes with waveform playback, rendered when audio messages carry the voice_note metadata tag.
- [File Bubble](https://www.cometchat.com/docs/ui-kit/react/components/file-bubble.md): A batch-aware bubble that renders one or more generic file attachments with file-type icons, metadata, download, and a collapsible list.
- [Poll Bubble](https://www.cometchat.com/docs/ui-kit/react/components/poll-bubble.md): A self-extracting bubble that renders a poll with its question, selectable options, live vote counts, percentages, and voter avatars.
- [Sticker Bubble](https://www.cometchat.com/docs/ui-kit/react/components/sticker-bubble.md): A self-extracting bubble that renders a sticker image from a sticker custom message.
- [Collaborative Document Bubble](https://www.cometchat.com/docs/ui-kit/react/components/collaborative-document-bubble.md): A self-extracting bubble that renders a collaborative document card with a banner and an 'Open Document' button.
- [Collaborative Whiteboard Bubble](https://www.cometchat.com/docs/ui-kit/react/components/collaborative-whiteboard-bubble.md): A self-extracting bubble that renders a collaborative whiteboard card with a banner and an 'Open Whiteboard' button.
- [Card Bubble](https://www.cometchat.com/docs/ui-kit/react/components/card-bubble.md): A render-only bubble that draws developer-defined card messages (category "card") with the prebuilt CometChatCardView renderer and forwards card actions to your app.
- [Call Bubble](https://www.cometchat.com/docs/ui-kit/react/components/call-bubble.md): A self-extracting bubble for direct-call / meeting messages, with a call icon, title, timestamp, and a Join button.
- [Call Action Bubble](https://www.cometchat.com/docs/ui-kit/react/components/call-action-bubble.md): A self-extracting bubble that renders call status system messages like 'Missed Call', 'Call Ended', and 'Outgoing Call' from an SDK call message.
- [Group Action Bubble](https://www.cometchat.com/docs/ui-kit/react/components/group-action-bubble.md): A self-extracting bubble that renders group action system messages like 'Alice joined' and 'Bob was kicked' from an SDK group-action message.
- [Delete Bubble](https://www.cometchat.com/docs/ui-kit/react/components/delete-bubble.md): A presentational bubble that renders a 'This message was deleted' placeholder.

##### Plugins

- [Plugins](https://www.cometchat.com/docs/ui-kit/react/plugins/overview.md): How the plugin system renders messages, the built-in plugins, and the AI plugin.
- [Creating a Custom Plugin](https://www.cometchat.com/docs/ui-kit/react/plugins/custom-plugin.md): Build a custom message plugin for rendering, context menus, and conversation previews, plus the plugin interface and context reference.
- [Text Formatters](https://www.cometchat.com/docs/ui-kit/react/plugins/text-formatters.md): Transform plain text into formatted HTML in message bubbles, with built-in URL, mention, and markdown formatters plus custom formatters.

##### Architecture

- [CometChatProvider](https://www.cometchat.com/docs/ui-kit/react/cometchat-provider.md): The root provider that composes all internal contexts (plugin registry, theme, locale, global config, events) for the React UI Kit.
- [Event System](https://www.cometchat.com/docs/ui-kit/react/event-system.md): Unified pub/sub event system that merges SDK listener events with local UI events for cross-component communication.

##### Customization

- [Theming](https://www.cometchat.com/docs/ui-kit/react/theming.md): Customize colors, fonts, spacing, and component styles using CSS custom properties and the data-theme attribute.
- [Color Resources](https://www.cometchat.com/docs/ui-kit/react/theme/color-resources.md): Complete reference of all color CSS variables with light and dark theme values.
- [Message Bubble Styling](https://www.cometchat.com/docs/ui-kit/react/theme/message-bubble-styling.md): Customize incoming and outgoing message bubble colors, backgrounds, and styles using CSS variables and class selectors in the CometChat React UI Kit.
- [Localization](https://www.cometchat.com/docs/ui-kit/react/localization.md): 19 built-in languages with support for custom translations, fallback languages, and date/time formatting.
- [Sound Manager](https://www.cometchat.com/docs/ui-kit/react/sound-manager.md): Play notification sounds for incoming/outgoing messages and calls with custom sound URL support.

##### Guides

- [Block/Unblock User](https://www.cometchat.com/docs/ui-kit/react/guide-block-unblock-user.md): Let users block and unblock others directly within chat to control unwanted communication.
- [Group Chat Setup](https://www.cometchat.com/docs/ui-kit/react/guide-group-chat-setup.md): Create public, password-protected, and private groups; add, remove, and manage members with role-based permissions; join, leave, and transfer ownership using the CometChat UI Kit.
- [Threaded Messages](https://www.cometchat.com/docs/ui-kit/react/guide-threaded-messages.md): Add threaded message replies to your chat so users can create focused sub-conversations on any message.
- [Pin & Save Messages](https://www.cometchat.com/docs/ui-kit/react/guide-pin-and-save-messages.md): Let users pin important messages for everyone in a conversation and save messages privately for themselves.
- [Custom Text Formatter](https://www.cometchat.com/docs/ui-kit/react/guide-custom-text-formatter.md): Build a minimal color formatter, bind it to a toolbar button in the composer, and render the result in read-only message bubbles.
- [Search Messages](https://www.cometchat.com/docs/ui-kit/react/guide-search-messages.md): Add message search to your chat so users can find specific messages within a conversation using the built-in CometChatSearch component.
- [New Chat Creation](https://www.cometchat.com/docs/ui-kit/react/guide-new-chat-creation.md): Start new one-on-one or group conversations by selecting users or groups from a list.
- [Message Privately](https://www.cometchat.com/docs/ui-kit/react/guide-message-privately.md): Let users send a private one-on-one message to another user directly from within a group chat conversation.

##### Reference

- [Methods](https://www.cometchat.com/docs/ui-kit/react/methods.md): Static methods on CometChatUIKit for initialization, authentication, and message sending.

##### Migration Guide

- [Upgrading from v6 to v7](https://www.cometchat.com/docs/ui-kit/react/migration-overview.md): Migration guide covering breaking changes, architecture shifts, and step-by-step upgrade path from CometChat React UI Kit v6 to v7.
- [Property Changes](https://www.cometchat.com/docs/ui-kit/react/migration-property-changes.md): Complete prop migration reference for all components from v6 to v7 — renamed, removed, added, and type-changed props.

### v6

####  

- [React UI Kit](https://www.cometchat.com/docs/ui-kit/react/v6/overview.md): Prebuilt React components for chat, voice, and video calling. Supports React.js, Next.js, React Router, and Astro.
- [Troubleshooting](https://www.cometchat.com/docs/ui-kit/react/v6/troubleshooting.md): Troubleshoot CometChat React UI Kit setup, initialization, login, theming, permissions, messaging, calling, and build issues.
- [React Sample App](https://www.cometchat.com/docs/ui-kit/react/v6/link/sample.md): Navigate to React Sample App documentation.
- [Changelog](https://www.cometchat.com/docs/ui-kit/react/v6/link/changelog.md): Navigate to Changelog documentation.
- [Figma Design](https://www.cometchat.com/docs/ui-kit/react/v6/link/figma.md): Navigate to Figma Design documentation.

##### Getting Started

- [Calling Integration](https://www.cometchat.com/docs/ui-kit/react/v6/calling-integration.md): Add voice and video calling to CometChat React UI Kit with Calls SDK installation, setup checks, and CallButtons verification.

###### React.js

- [React.js Integration](https://www.cometchat.com/docs/ui-kit/react/v6/react-js-integration.md): Integrate CometChat React UI Kit with React.js using app credentials, package setup, initialization, login, and chat rendering.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/v6/react-conversation.md): Build CometChat React UI Kit conversation list and message view layouts with navigation, headers, message lists, and composers.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/v6/react-one-to-one-chat.md): Build focused CometChat React UI Kit one-to-one or group chat screens with headers, message lists, composers, and direct navigation.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/v6/react-tab-based-chat.md): Build a tab-based messaging UI with chats, calls, users, and groups in React.js with CometChat UI Kit.

###### Next.js

- [Next.js Integration](https://www.cometchat.com/docs/ui-kit/react/v6/next-js-integration.md): Integrate CometChat React UI Kit with Next.js using client components, app credentials, package setup, initialization, and login.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/v6/next-conversation.md): Build CometChat UI Kit conversation list and message view layouts in Next.js with navigation, headers, lists, and composers.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/v6/next-one-to-one-chat.md): Build focused CometChat UI Kit chat screens in Next.js with headers, message lists, composers, users, groups, and direct navigation.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/v6/next-tab-based-chat.md): Build a tab-based messaging UI with chats, calls, users, and groups in Next.js with CometChat UI Kit.

###### React-Router

- [React Router Integration](https://www.cometchat.com/docs/ui-kit/react/v6/react-router-integration.md): Integrate CometChat React UI Kit with React Router using app credentials, package setup, initialization, login, and routed chat views.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/v6/react-router-conversation.md): Build CometChat UI Kit conversation list and message view layouts in React Router with navigation, headers, lists, and composers.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/v6/react-router-one-to-one-chat.md): Build focused CometChat UI Kit chat screens in React Router with headers, message lists, composers, users, groups, and routing.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/v6/react-router-tab-based-chat.md): Build a tab-based messaging UI with chats, calls, users, and groups in React Router with CometChat UI Kit.

###### Astro

- [Astro Integration](https://www.cometchat.com/docs/ui-kit/react/v6/astro-integration.md): Integrate CometChat React UI Kit with Astro using client-only rendering, app credentials, package setup, initialization, and login.
- [Conversation List + Message View](https://www.cometchat.com/docs/ui-kit/react/v6/astro-conversation.md): Build CometChat UI Kit conversation list and message view layouts in Astro with navigation, headers, lists, and composers.
- [One-to-One / Group Chat](https://www.cometchat.com/docs/ui-kit/react/v6/astro-one-to-one-chat.md): Build focused CometChat UI Kit chat screens in Astro with headers, message lists, composers, users, groups, and direct navigation.
- [Tab-Based Chat](https://www.cometchat.com/docs/ui-kit/react/v6/astro-tab-based-chat.md): Build a tab-based messaging UI with chats, calls, users, and groups in Astro with CometChat React UI Kit.

##### Features

- [Call](https://www.cometchat.com/docs/ui-kit/react/v6/call-features.md): Overview of CometChat React UI Kit calling features, including incoming calls, outgoing calls, call logs, and call components.
- [Campaigns](https://www.cometchat.com/docs/ui-kit/react/v6/campaigns.md): Deliver targeted, rich notifications to users via an in-app notification feed powered by the CometChat Cards renderer.

###### Chat

- [Core](https://www.cometchat.com/docs/ui-kit/react/v6/core-features.md): Overview of CometChat React UI Kit core features, including messaging, media sharing, receipts, presence, reactions, search, and moderation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/v6/extensions.md): Overview of CometChat extensions for React UI Kit, including engagement, collaboration, security, support, and smart chat features.
- [Smart Chat Features](https://www.cometchat.com/docs/ui-kit/react/v6/ai-features.md): AI-powered features in CometChat's React UI Kit: Conversation Starter, Smart Replies, and Conversation Summary.

##### Theming

- [Customizing UI With Theming](https://www.cometchat.com/docs/ui-kit/react/v6/theme.md): Customize the CometChat React UI Kit appearance using CSS variables for colors, fonts, dark mode, and component-specific styling.
- [Color Resources](https://www.cometchat.com/docs/ui-kit/react/v6/theme/color-resources.md): Complete reference of all CSS variables in the CometChat React UI Kit for light and dark modes, custom themes, and brand styling.
- [Message Bubble Styling](https://www.cometchat.com/docs/ui-kit/react/v6/theme/message-bubble-styling.md): Customize incoming and outgoing message bubble colors, backgrounds, and styles using CSS variables and class selectors in the CometChat React UI Kit.
- [Localization](https://www.cometchat.com/docs/ui-kit/react/v6/localize.md): Configure multi-language localization, custom translations, and date/time formatting in CometChat React UI Kit.
- [Sound Manager](https://www.cometchat.com/docs/ui-kit/react/v6/sound-manager.md): Manage CometChat React UI Kit sounds for incoming and outgoing messages, calls, custom audio files, playback, and pause controls.

##### Components

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v6/components-overview.md): Browse all prebuilt UI components in the CometChat React UI Kit — conversations, messages, users, groups, calls, search, and AI.
- [Conversations](https://www.cometchat.com/docs/ui-kit/react/v6/conversations.md): Display CometChat React UI Kit conversations with last messages, unread counts, typing indicators, presence, filters, and item callbacks.
- [Users](https://www.cometchat.com/docs/ui-kit/react/v6/users.md): Display CometChat React UI Kit users with avatars, online status, search, filtering, selection callbacks, and conversation navigation.
- [Groups](https://www.cometchat.com/docs/ui-kit/react/v6/groups.md): Searchable, scrollable list of all available groups with icon, name, member count, and group type indicator.
- [Group Members](https://www.cometchat.com/docs/ui-kit/react/v6/group-members.md): Scrollable, searchable list of members in a specific group with roles, scopes, online status, and member management actions.
- [Message Header](https://www.cometchat.com/docs/ui-kit/react/v6/message-header.md): Toolbar displaying user/group avatar, name, status, typing indicator, back button, and call controls for a single conversation.
- [Message List](https://www.cometchat.com/docs/ui-kit/react/v6/message-list.md): Scrollable list of sent and received messages with text, media, reactions, read receipts, threaded replies, and AI features.
- [Message Composer](https://www.cometchat.com/docs/ui-kit/react/v6/message-composer.md): Rich text input for composing and sending text, media, attachments, mentions, voice notes, and custom messages.
- [Compact Message Composer](https://www.cometchat.com/docs/ui-kit/react/v6/compact-message-composer.md): A compact, single-line message input component with rich text formatting, attachments, mentions, and voice recording support.
- [Message Template](https://www.cometchat.com/docs/ui-kit/react/v6/message-template.md): Data structure for customizing CometChat React UI Kit message bubbles, including content, header, footer, reply, and status views.
- [Thread Header](https://www.cometchat.com/docs/ui-kit/react/v6/thread-header.md): Configure CometChat React UI Kit thread headers with parent message context, reply views, composer layout, and close actions.
- [Incoming Call](https://www.cometchat.com/docs/ui-kit/react/v6/incoming-call.md): Handle incoming CometChat React UI Kit voice and video calls with caller details, accept, reject, custom sounds, and view slots.
- [Outgoing Call](https://www.cometchat.com/docs/ui-kit/react/v6/outgoing-call.md): Display CometChat React UI Kit outgoing call screens with recipient details, cancel actions, custom sounds, and outgoing call callbacks.
- [Call Buttons](https://www.cometchat.com/docs/ui-kit/react/v6/call-buttons.md): Add CometChat React UI Kit call buttons for voice and video calls with user or group targets, click callbacks, and error handling.
- [Call Logs](https://www.cometchat.com/docs/ui-kit/react/v6/call-logs.md): Display CometChat React UI Kit call logs with call type, duration, participants, timestamps, request builders, and selection callbacks.
- [Search](https://www.cometchat.com/docs/ui-kit/react/v6/search.md): Search CometChat React UI Kit conversations and messages with filters, scoped results, request builders, and selection callbacks.
- [AI Assistant Chat](https://www.cometchat.com/docs/ui-kit/react/v6/ai-assistant-chat.md): Composite AI agent chat with streaming responses, quick suggestions, new-chat reset, and chat history sidebar.
- [Card Bubble](https://www.cometchat.com/docs/ui-kit/react/v6/card-bubble.md): React component that renders a developer Card Message inside a message bubble using the prebuilt CometChat Cards renderer, with pure-forwarded card actions.
- [Notification Feed](https://www.cometchat.com/docs/ui-kit/react/v6/notification-feed.md): Full-screen notification feed component with category filtering, card rendering, real-time updates, and engagement reporting.

##### Reference

- [Methods](https://www.cometchat.com/docs/ui-kit/react/v6/methods.md): Reference for CometChat React UI Kit methods including init, login, logout, and message-sending wrappers.
- [Events](https://www.cometchat.com/docs/ui-kit/react/v6/events.md): Reference for CometChat React UI Kit events including conversation, user, group, message, and call events.

##### Guides

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v6/guide-overview.md): Browse React UI Kit feature guides for blocking users, call details, group chat, private messages, search, and threaded conversations.
- [Threaded Messages](https://www.cometchat.com/docs/ui-kit/react/v6/guide-threaded-messages.md): Implement threaded message replies with parent context, reply list, and focused thread composer in CometChat React UI Kit.
- [Block/Unblock Users](https://www.cometchat.com/docs/ui-kit/react/v6/guide-block-unblock-user.md): Implement block and unblock user functionality in CometChat React UI Kit with composer state management.
- [New Chat](https://www.cometchat.com/docs/ui-kit/react/v6/guide-new-chat.md): Build a unified new chat entry point for starting 1:1 or group conversations in CometChat React UI Kit.
- [Message Privately](https://www.cometchat.com/docs/ui-kit/react/v6/guide-message-privately.md): Start private one-to-one chats from CometChat React UI Kit group conversations with message options, user lookup, and navigation.
- [Search Messages](https://www.cometchat.com/docs/ui-kit/react/v6/guide-search-messages.md): Add CometChat React UI Kit message search with query input, scoped results, message selection, and navigation to matching chats.
- [Call Log Details](https://www.cometchat.com/docs/ui-kit/react/v6/guide-call-log-details.md): Build a detailed call insights screen with metadata, participants, and recordings in CometChat React UI Kit.
- [Group Chat](https://www.cometchat.com/docs/ui-kit/react/v6/guide-group-chat.md): Implement group management including create, join, members, roles, and ownership transfer in CometChat React UI Kit.
- [Card Messages](https://www.cometchat.com/docs/ui-kit/react/v6/card-messages.md): How the React UI Kit renders Card Messages — developer cards, persisted agent cards, and streaming agent cards — and how to handle card actions.
- [Custom Text Formatter](https://www.cometchat.com/docs/ui-kit/react/v6/custom-text-formatter-guide.md): Extend the CometChatTextFormatter base class to implement custom inline text patterns with regex and callbacks.
- [Mentions Formatter](https://www.cometchat.com/docs/ui-kit/react/v6/mentions-formatter-guide.md): Format @mentions in CometChat React UI Kit messages with custom styles, mention suggestions, group member mentions, and tap handling.
- [URL Formatter](https://www.cometchat.com/docs/ui-kit/react/v6/url-formatter-guide.md): Detect and style plain URLs as clickable links with optional tracking logic in CometChat React UI Kit.
- [ShortCut Formatter](https://www.cometchat.com/docs/ui-kit/react/v6/shortcut-formatter-guide.md): Implement shortcut formatting in CometChat React UI Kit with trigger characters, message shortcuts, composer suggestions, and expansion.

##### Migration Guide

- [Upgrading from V5 to V6](https://www.cometchat.com/docs/ui-kit/react/v6/upgrading-from-v5.md): Migration guide for upgrading from CometChat React UI Kit v5 to v6 with breaking changes and new patterns.

### v5

####  

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v5/overview.md): Overview of Overview in CometChat.
- [React Sample App](https://www.cometchat.com/docs/ui-kit/react/v5/link/sample.md): Navigate to React Sample App documentation.
- [Changelog](https://www.cometchat.com/docs/ui-kit/react/v5/link/changelog.md): Navigate to Changelog documentation.
- [Figma Design](https://www.cometchat.com/docs/ui-kit/react/v5/link/figma.md): Navigate to Figma Design documentation.

##### Getting Started

- [React Integration](https://www.cometchat.com/docs/ui-kit/react/v5/integration.md): React Integration — CometChat documentation.
- [Next.js Integration](https://www.cometchat.com/docs/ui-kit/react/v5/integration/next-js.md): Next.js Integration — CometChat documentation.

##### Features

- [Call](https://www.cometchat.com/docs/ui-kit/react/v5/call-features.md): Call — CometChat documentation.

###### Chat

- [Core](https://www.cometchat.com/docs/ui-kit/react/v5/core-features.md): Core — CometChat documentation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/v5/extensions.md): Extensions — CometChat documentation.
- [AI User Copilot](https://www.cometchat.com/docs/ui-kit/react/v5/ai-features.md): AI User Copilot — CometChat documentation.

##### Theming

- [Introduction](https://www.cometchat.com/docs/ui-kit/react/v5/theme.md): Introduction — CometChat documentation.
- [Color Resources](https://www.cometchat.com/docs/ui-kit/react/v5/theme/color-resources.md): Color Resources — CometChat documentation.
- [Message Bubble Styling](https://www.cometchat.com/docs/ui-kit/react/v5/theme/message-bubble-styling.md): Message Bubble Styling — CometChat documentation.
- [Localize](https://www.cometchat.com/docs/ui-kit/react/v5/localize.md): Localize — CometChat documentation.
- [Sound Manager](https://www.cometchat.com/docs/ui-kit/react/v5/sound-manager.md): Sound Manager — CometChat documentation.

##### Components

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v5/components-overview.md): Overview of Overview in CometChat.
- [Conversations](https://www.cometchat.com/docs/ui-kit/react/v5/conversations.md): Conversations — CometChat documentation.
- [Users](https://www.cometchat.com/docs/ui-kit/react/v5/users.md): Users — CometChat documentation.
- [Groups](https://www.cometchat.com/docs/ui-kit/react/v5/groups.md): Groups — CometChat documentation.
- [Group Members](https://www.cometchat.com/docs/ui-kit/react/v5/group-members.md): Group Members — CometChat documentation.
- [Message Header](https://www.cometchat.com/docs/ui-kit/react/v5/message-header.md): Message Header — CometChat documentation.
- [Message List](https://www.cometchat.com/docs/ui-kit/react/v5/message-list.md): Message List — CometChat documentation.
- [Message Composer](https://www.cometchat.com/docs/ui-kit/react/v5/message-composer.md): Message Composer — CometChat documentation.
- [Message Template](https://www.cometchat.com/docs/ui-kit/react/v5/message-template.md): Message Template — CometChat documentation.
- [Threaded Message Preview](https://www.cometchat.com/docs/ui-kit/react/v5/threaded-message-preview.md): Threaded Message Preview — CometChat documentation.
- [Incoming Call](https://www.cometchat.com/docs/ui-kit/react/v5/incoming-call.md): Incoming Call — CometChat documentation.
- [Outgoing Call](https://www.cometchat.com/docs/ui-kit/react/v5/outgoing-call.md): Outgoing Call — CometChat documentation.
- [Call Buttons](https://www.cometchat.com/docs/ui-kit/react/v5/call-buttons.md): Call Buttons — CometChat documentation.
- [Call Logs](https://www.cometchat.com/docs/ui-kit/react/v5/call-logs.md): Call Logs — CometChat documentation.

##### Reference

- [Methods](https://www.cometchat.com/docs/ui-kit/react/v5/methods.md): Methods — CometChat documentation.
- [Events](https://www.cometchat.com/docs/ui-kit/react/v5/events.md): Events — CometChat documentation.

##### Guides

- [Custom Text Formatter](https://www.cometchat.com/docs/ui-kit/react/v5/custom-text-formatter-guide.md): Custom Text Formatter — CometChat integration guide.
- [Mentions Formatter](https://www.cometchat.com/docs/ui-kit/react/v5/mentions-formatter-guide.md): Mentions Formatter — CometChat integration guide.
- [URL Formatter](https://www.cometchat.com/docs/ui-kit/react/v5/url-formatter-guide.md): URL Formatter — CometChat integration guide.
- [ShortCut Formatter](https://www.cometchat.com/docs/ui-kit/react/v5/shortcut-formatter-guide.md): ShortCut Formatter — CometChat integration guide.

##### Migration Guide

- [Upgrading From V4](https://www.cometchat.com/docs/ui-kit/react/v5/upgrading-from-v4.md): Upgrading From V4 — CometChat documentation.
- [Property Changes](https://www.cometchat.com/docs/ui-kit/react/v5/property-changes.md): Property Changes — CometChat documentation.

### v4

####  

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v4/overview.md): Overview of Overview in CometChat.
- [Getting Started](https://www.cometchat.com/docs/ui-kit/react/v4/getting-started.md): Getting Started — CometChat documentation.
- [React Sample App](https://www.cometchat.com/docs/ui-kit/react/v4/link/sample.md): Navigate to React Sample App documentation.
- [Changelog](https://www.cometchat.com/docs/ui-kit/react/v4/link/changelog.md): Navigate to Changelog documentation.
- [Figma Design](https://www.cometchat.com/docs/ui-kit/react/v4/link/figma.md): Navigate to Figma Design documentation.

##### Features

- [Call](https://www.cometchat.com/docs/ui-kit/react/v4/call-features.md): Call — CometChat documentation.
- [AI](https://www.cometchat.com/docs/ui-kit/react/v4/ai-features.md): AI — CometChat documentation.

###### Chat

- [Core](https://www.cometchat.com/docs/ui-kit/react/v4/core-features.md): Core — CometChat documentation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/v4/extensions.md): Extensions — CometChat documentation.

##### Theming

- [Theme](https://www.cometchat.com/docs/ui-kit/react/v4/theme.md): Theme — CometChat documentation.
- [Localize](https://www.cometchat.com/docs/ui-kit/react/v4/localize.md): Localize — CometChat documentation.
- [Sound Manager](https://www.cometchat.com/docs/ui-kit/react/v4/sound-manager.md): Sound Manager — CometChat documentation.

##### Components

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v4/components-overview.md): Overview of Overview in CometChat.

###### Conversations

- [Conversations](https://www.cometchat.com/docs/ui-kit/react/v4/conversations.md): Conversations — CometChat documentation.
- [Conversations With Messages](https://www.cometchat.com/docs/ui-kit/react/v4/conversations-with-messages.md): Conversations With Messages — CometChat documentation.
- [Contacts](https://www.cometchat.com/docs/ui-kit/react/v4/contacts.md): Contacts — CometChat documentation.

###### Users

- [Users](https://www.cometchat.com/docs/ui-kit/react/v4/users.md): Users — CometChat documentation.
- [Users With Messages](https://www.cometchat.com/docs/ui-kit/react/v4/users-with-messages.md): Users With Messages — CometChat documentation.
- [User Details](https://www.cometchat.com/docs/ui-kit/react/v4/users-details.md): User Details — CometChat documentation.

###### Groups

- [Groups](https://www.cometchat.com/docs/ui-kit/react/v4/groups.md): Groups — CometChat documentation.
- [Groups With Messages](https://www.cometchat.com/docs/ui-kit/react/v4/groups-with-messages.md): Groups With Messages — CometChat documentation.
- [Create Group](https://www.cometchat.com/docs/ui-kit/react/v4/create-group.md): Create Group — CometChat documentation.
- [Join Protected Group](https://www.cometchat.com/docs/ui-kit/react/v4/join-protected-group.md): Join Protected Group — CometChat documentation.
- [Group Members](https://www.cometchat.com/docs/ui-kit/react/v4/group-members.md): Group Members — CometChat documentation.
- [Add Members](https://www.cometchat.com/docs/ui-kit/react/v4/group-add-members.md): Add Members — CometChat documentation.
- [Banned Members](https://www.cometchat.com/docs/ui-kit/react/v4/group-banned-members.md): Banned Members — CometChat documentation.
- [Transfer Ownership](https://www.cometchat.com/docs/ui-kit/react/v4/group-transfer-ownership.md): Transfer Ownership — CometChat documentation.
- [Group Details](https://www.cometchat.com/docs/ui-kit/react/v4/group-details.md): Group Details — CometChat documentation.

###### Messages

- [Messages](https://www.cometchat.com/docs/ui-kit/react/v4/messages.md): Messages — CometChat documentation.
- [Message Header](https://www.cometchat.com/docs/ui-kit/react/v4/message-header.md): Message Header — CometChat documentation.
- [Message List](https://www.cometchat.com/docs/ui-kit/react/v4/message-list.md): Message List — CometChat documentation.
- [Message Template](https://www.cometchat.com/docs/ui-kit/react/v4/message-template.md): Message Template — CometChat documentation.
- [Message Composer](https://www.cometchat.com/docs/ui-kit/react/v4/message-composer.md): Message Composer — CometChat documentation.
- [Message Information](https://www.cometchat.com/docs/ui-kit/react/v4/message-information.md): Message Information — CometChat documentation.
- [Threaded Messages](https://www.cometchat.com/docs/ui-kit/react/v4/threaded-messages.md): Threaded Messages — CometChat documentation.

###### Interactive Messages

- [Form Message](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-form-message.md): Form Message — CometChat documentation.
- [Form Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-form-bubble.md): Form Bubble — CometChat documentation.
- [Card Message](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-card-message.md): Card Message — CometChat documentation.
- [Card Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-card-bubble.md): Card Bubble — CometChat documentation.
- [Element Type](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-element-type.md): Element Type — CometChat documentation.
- [Action Entity](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-action-entity.md): Action Entity — CometChat documentation.
- [Custom Interactive Message](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-custom-interactive-message.md): Custom Interactive Message — CometChat documentation.
- [Button Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-button-element.md): Button Element — CometChat documentation.
- [Text Input Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-text-input-element.md): Text Input Element — CometChat documentation.
- [Label Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-label-element.md): Label Element — CometChat documentation.
- [Single Select Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-single-select-element.md): Single Select Element — CometChat documentation.
- [Radio Button Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-radio-button-element.md): Radio Button Element — CometChat documentation.
- [Checkbox Element](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-checkbox-element.md): Checkbox Element — CometChat documentation.
- [DropdownElement](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-dropdown-element.md): DropdownElement — CometChat documentation.
- [Scheduler Message](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-scheduler-message.md): Scheduler Message — CometChat documentation.
- [SchedulerBubble](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-scheduler-bubble.md): SchedulerBubble — CometChat documentation.
- [DateTimePickerElement](https://www.cometchat.com/docs/ui-kit/react/v4/interactive-date-time-picker-element.md): DateTimePickerElement — CometChat documentation.

###### Calls

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v4/call-overview.md): Overview of Overview in CometChat.
- [Incoming Call](https://www.cometchat.com/docs/ui-kit/react/v4/incoming-call.md): Incoming Call — CometChat documentation.
- [Ongoing Call](https://www.cometchat.com/docs/ui-kit/react/v4/ongoing-call.md): Ongoing Call — CometChat documentation.
- [Outgoing Call](https://www.cometchat.com/docs/ui-kit/react/v4/outgoing-call.md): Outgoing Call — CometChat documentation.
- [Call Buttons](https://www.cometchat.com/docs/ui-kit/react/v4/call-buttons.md): Call Buttons — CometChat documentation.
- [Call Logs](https://www.cometchat.com/docs/ui-kit/react/v4/call-logs.md): Call Logs — CometChat documentation.
- [Call Log Details](https://www.cometchat.com/docs/ui-kit/react/v4/call-log-details.md): Call Log Details — CometChat documentation.
- [Call Log History](https://www.cometchat.com/docs/ui-kit/react/v4/call-log-history.md): Call Log History — CometChat documentation.
- [Call Log Recordings](https://www.cometchat.com/docs/ui-kit/react/v4/call-log-recording.md): Call Log Recordings — CometChat documentation.
- [Call Log Participants](https://www.cometchat.com/docs/ui-kit/react/v4/call-log-participants.md): Call Log Participants — CometChat documentation.
- [Call Log With Details](https://www.cometchat.com/docs/ui-kit/react/v4/call-log-with-details.md): Call Log With Details — CometChat documentation.

###### Extras

- [Reactions](https://www.cometchat.com/docs/ui-kit/react/v4/reaction.md): Reactions — CometChat documentation.
- [Reaction List](https://www.cometchat.com/docs/ui-kit/react/v4/reaction-list.md): Reaction List — CometChat documentation.
- [Reaction Info](https://www.cometchat.com/docs/ui-kit/react/v4/reaction-info.md): Reaction Info — CometChat documentation.
- [User Member Wrapper](https://www.cometchat.com/docs/ui-kit/react/v4/user-member-wrapper.md): User Member Wrapper — CometChat documentation.

###### Base Components

- [Avatar](https://www.cometchat.com/docs/ui-kit/react/v4/avatar.md): Avatar — CometChat documentation.
- [Status Indicator](https://www.cometchat.com/docs/ui-kit/react/v4/status-indicator.md): Status Indicator — CometChat documentation.
- [Badge](https://www.cometchat.com/docs/ui-kit/react/v4/badge.md): Badge — CometChat documentation.
- [Receipt](https://www.cometchat.com/docs/ui-kit/react/v4/receipt.md): Receipt — CometChat documentation.
- [Date](https://www.cometchat.com/docs/ui-kit/react/v4/date.md): Date — CometChat documentation.
- [Text Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/text-bubble.md): Text Bubble — CometChat documentation.
- [Image Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/image-bubble.md): Image Bubble — CometChat documentation.
- [File Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/file-bubble.md): File Bubble — CometChat documentation.
- [Audio Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/audio-bubble.md): Audio Bubble — CometChat documentation.
- [Video Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/video-bubble.md): Video Bubble — CometChat documentation.
- [Message Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/message-bubble.md): Message Bubble — CometChat documentation.
- [Document Bubble](https://www.cometchat.com/docs/ui-kit/react/v4/document-bubble.md): Document Bubble — CometChat documentation.
- [Message Input](https://www.cometchat.com/docs/ui-kit/react/v4/message-input.md): Message Input — CometChat documentation.
- [Action Sheet](https://www.cometchat.com/docs/ui-kit/react/v4/action-sheet.md): Action Sheet — CometChat documentation.
- [Media Recorder](https://www.cometchat.com/docs/ui-kit/react/v4/media-recorder.md): Media Recorder — CometChat documentation.
- [List Item](https://www.cometchat.com/docs/ui-kit/react/v4/list-item.md): List Item — CometChat documentation.
- [Confirm Dialog](https://www.cometchat.com/docs/ui-kit/react/v4/confirm-dialog.md): Confirm Dialog — CometChat documentation.
- [Backdrop](https://www.cometchat.com/docs/ui-kit/react/v4/backdrop.md): Backdrop — CometChat documentation.
- [Emoji Keyboard](https://www.cometchat.com/docs/ui-kit/react/v4/emoji-keyboard.md): Emoji Keyboard — CometChat documentation.
- [Modal](https://www.cometchat.com/docs/ui-kit/react/v4/modal.md): Modal — CometChat documentation.
- [Pop Over](https://www.cometchat.com/docs/ui-kit/react/v4/pop-over.md): Pop Over — CometChat documentation.
- [Icon](https://www.cometchat.com/docs/ui-kit/react/v4/icon.md): Icon — CometChat documentation.
- [Loader](https://www.cometchat.com/docs/ui-kit/react/v4/loader.md): Loader — CometChat documentation.
- [Icon Button](https://www.cometchat.com/docs/ui-kit/react/v4/icon-button.md): Icon Button — CometChat documentation.
- [Button Group](https://www.cometchat.com/docs/ui-kit/react/v4/button-group.md): Button Group — CometChat documentation.
- [Label](https://www.cometchat.com/docs/ui-kit/react/v4/label.md): Label — CometChat documentation.
- [Input](https://www.cometchat.com/docs/ui-kit/react/v4/input.md): Input — CometChat documentation.
- [Search Input](https://www.cometchat.com/docs/ui-kit/react/v4/search-input.md): Search Input — CometChat documentation.
- [Checkbox](https://www.cometchat.com/docs/ui-kit/react/v4/checkbox.md): Checkbox — CometChat documentation.
- [Radio Button](https://www.cometchat.com/docs/ui-kit/react/v4/radio-button.md): Radio Button — CometChat documentation.
- [Dropdown](https://www.cometchat.com/docs/ui-kit/react/v4/dropdown.md): Dropdown — CometChat documentation.
- [Quick View](https://www.cometchat.com/docs/ui-kit/react/v4/cometchat-quick-view.md): Quick View — CometChat documentation.
- [Single Select](https://www.cometchat.com/docs/ui-kit/react/v4/singleselect.md): Single Select — CometChat documentation.
- [List](https://www.cometchat.com/docs/ui-kit/react/v4/list.md): List — CometChat documentation.

##### Reference

- [Methods](https://www.cometchat.com/docs/ui-kit/react/v4/methods.md): Methods — CometChat documentation.
- [Events](https://www.cometchat.com/docs/ui-kit/react/v4/events.md): Events — CometChat documentation.

##### Guides

- [Multi Tab Chat UI Guide](https://www.cometchat.com/docs/ui-kit/react/v4/multi-tab-chat-ui-guide.md): Multi Tab Chat UI Guide — CometChat integration guide.
- [Next.js Integration](https://www.cometchat.com/docs/ui-kit/react/v4/next-js-integration-guide.md): Next.js Integration — CometChat integration guide.
- [Custom Text Formatter](https://www.cometchat.com/docs/ui-kit/react/v4/custom-text-formatter-guide.md): Custom Text Formatter — CometChat integration guide.
- [Mentions Formatter](https://www.cometchat.com/docs/ui-kit/react/v4/mentions-formatter-guide.md): Mentions Formatter — CometChat integration guide.
- [URL Formatter](https://www.cometchat.com/docs/ui-kit/react/v4/url-formatter-guide.md): URL Formatter — CometChat integration guide.
- [ShortCut Formatter](https://www.cometchat.com/docs/ui-kit/react/v4/shortcut-formatter-guide.md): ShortCut Formatter — CometChat integration guide.

##### Migration Guide

- [Upgrade To V5](https://www.cometchat.com/docs/ui-kit/react/v4/upgrade-to-v5.md): Upgrade To V5 — CometChat documentation.
- [Property Changes](https://www.cometchat.com/docs/ui-kit/react/v4/property-changes.md): Property Changes — CometChat documentation.

### v3

####  

- [UI Components](https://www.cometchat.com/docs/ui-kit/react/v3/ui-components.md): UI Components — CometChat documentation.
- [Customize UI Kit](https://www.cometchat.com/docs/ui-kit/react/v3/customize.md): Customize UI Kit — CometChat documentation.
- [Integration With Next.js](https://www.cometchat.com/docs/ui-kit/react/v3/nextjs.md): Integration With Next.js — CometChat documentation.
- [JavaScript SDK](https://www.cometchat.com/docs/ui-kit/react/v3/javascript-3-0-overview.md): Navigate to JavaScript SDK documentation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/v3/extensions-overview.md): Navigate to Extensions documentation.

##### Overview

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v3/overview.md): Overview of Overview in CometChat.
- [Key Concepts](https://www.cometchat.com/docs/ui-kit/react/v3/key-concepts.md): Key Concepts — CometChat documentation.

### v2

####  

- [UI Components](https://www.cometchat.com/docs/ui-kit/react/v2/ui-components.md): UI Components — CometChat documentation.
- [Customize UI Kit](https://www.cometchat.com/docs/ui-kit/react/v2/customize-ui-kit.md): Customize UI Kit — CometChat documentation.
- [Integration With Next.js](https://www.cometchat.com/docs/ui-kit/react/v2/integration-with-nextjs.md): Integration With Next.js — CometChat documentation.
- [JavaScript SDK](https://www.cometchat.com/docs/ui-kit/react/v2/javascript-2-0-overview.md): Navigate to JavaScript SDK documentation.
- [Extensions](https://www.cometchat.com/docs/ui-kit/react/v3/extensions-overview.md): Navigate to Extensions documentation.

##### Overview

- [Overview](https://www.cometchat.com/docs/ui-kit/react/v2/overview.md): Overview of Overview in CometChat.
- [Key Concepts](https://www.cometchat.com/docs/ui-kit/react/v2/key-concepts.md): Key Concepts — CometChat documentation.
- [Message Structure And Hierarchy](https://www.cometchat.com/docs/ui-kit/react/v2/message-structure-and-hierarchy.md): Message Structure And Hierarchy — CometChat documentation.