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

# Overview

> Browse React UI Kit feature guides for blocking users, call details, group chat, private messages, search, and threaded conversations.

<Accordion title="AI Integration Quick Reference">
  | Field | Value |
  | - | - |
  | Package | `@cometchat/chat-uikit-react` |
  | Purpose | Index of task-oriented feature guides for the React UI Kit |
  | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-react/tree/v6/sample-app) |
  | Components | [Components Overview](/ui-kit/react/v6/components-overview) |
  | Guides | [Block/Unblock](/ui-kit/react/v6/guide-block-unblock-user) · [Call Log Details](/ui-kit/react/v6/guide-call-log-details) · [Group Chat](/ui-kit/react/v6/guide-group-chat) · [Message Privately](/ui-kit/react/v6/guide-message-privately) · [New Chat](/ui-kit/react/v6/guide-new-chat) · [Search Messages](/ui-kit/react/v6/guide-search-messages) · [Threaded Messages](/ui-kit/react/v6/guide-threaded-messages) |
</Accordion>

> This page indexes focused, task‑oriented feature guides for the React UI Kit. Each guide shows how to implement a specific capability end‑to‑end using UI components.

## When to Use These Guides

Use these guides after completing the base [Getting Started](/ui-kit/react/v6/react-js-integration) (or framework variant: [Next.js](/ui-kit/react/v6/next-js-integration), [React Router](/ui-kit/react/v6/react-router-integration)). They help you layer additional UX without rewriting core chat flows.

## Guide Directory

| Guide | Description |
| :- | :- |
| [Block / Unblock User](/ui-kit/react/v6/guide-block-unblock-user) | Let users block or unblock others in 1:1 chats; hides composer and shows an unblock prompt while preventing message exchange. |
| [Call Log Details](/ui-kit/react/v6/guide-call-log-details) | Detailed call insights screen: metadata, participants, join/leave history, and recordings. |
| [Group Management](/ui-kit/react/v6/guide-group-chat) | Create/join groups, view members, add / ban users, change roles/scopes, transfer ownership. |
| [Message Privately](/ui-kit/react/v6/guide-message-privately) | Launch a direct 1:1 chat from a user profile or list; optionally send a first message to surface conversation. |
| [New Chat](/ui-kit/react/v6/guide-new-chat) | Unified entry for starting new 1:1 or group chats with user & group discovery. |
| [Threaded Messages](/ui-kit/react/v6/guide-threaded-messages) | Threaded replies: open parent context, list replies, compose within focused thread. |
| [Search Messages](/ui-kit/react/v6/guide-search-messages) | Add full‑text message search across conversations with result routing into context. |
| [Custom Text Formatter](/ui-kit/react/v6/custom-text-formatter-guide) | Extend the base formatter to implement custom inline patterns (hashtags, keywords) with regex + callbacks. |
| [Mentions Formatter](/ui-kit/react/v6/mentions-formatter-guide) | Add @mentions with styled tokens, suggestion list, and click handling for users & members. |
| [URL Formatter](/ui-kit/react/v6/url-formatter-guide) | Detect and style plain URLs; render them as clickable links with optional tracking logic. |
| [Shortcut Formatter](/ui-kit/react/v6/shortcut-formatter-guide) | Provide !shortcut style expansions invoking extension APIs or dialogs before inserting content. |

Need another guide? Open a request via our [Support Portal](https://help.cometchat.com/hc/en-us/requests/new).

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Getting Started" icon="rocket" href="/ui-kit/react/v6/react-js-integration">
    Set up the React UI Kit
  </Card>

  <Card title="Components Overview" icon="puzzle-piece" href="/ui-kit/react/v6/components-overview">
    Explore all UI components
  </Card>

  <Card title="Customization" icon="palette" href="/ui-kit/react/v6/theme">
    Customize themes and styling
  </Card>

  <Card title="Events" icon="bolt" href="/ui-kit/react/v6/events">
    Handle UI Kit events
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.