> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Overview
> Index of task-oriented feature guides for the CometChat React UI Kit.
| 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/components-overview) |
| Guides | [Block/Unblock](/ui-kit/react/guide-block-unblock-user) · [Call Log Details](/ui-kit/react/guide-call-log-details) · [Group Chat](/ui-kit/react/guide-group-chat) · [Message Privately](/ui-kit/react/guide-message-privately) · [New Chat](/ui-kit/react/guide-new-chat) · [Search Messages](/ui-kit/react/guide-search-messages) · [Threaded Messages](/ui-kit/react/guide-threaded-messages) |
> 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/react-js-integration) (or framework variant: [Next.js](/ui-kit/react/next-js-integration), [React Router](/ui-kit/react/react-router-integration)). They help you layer additional UX without rewriting core chat flows.
## Guide Directory
| Guide | Description |
| :----------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------- |
| [Block / Unblock User](/ui-kit/react/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/guide-call-log-details) | Detailed call insights screen: metadata, participants, join/leave history, and recordings. |
| [Group Management](/ui-kit/react/guide-group-chat) | Create/join groups, view members, add / ban users, change roles/scopes, transfer ownership. |
| [Message Privately](/ui-kit/react/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/guide-new-chat) | Unified entry for starting new 1:1 or group chats with user & group discovery. |
| [Threaded Messages](/ui-kit/react/guide-threaded-messages) | Threaded replies: open parent context, list replies, compose within focused thread. |
| [Search Messages](/ui-kit/react/guide-search-messages) | Add full‑text message search across conversations with result routing into context. |
| [Custom Text Formatter](/ui-kit/react/custom-text-formatter-guide) | Extend the base formatter to implement custom inline patterns (hashtags, keywords) with regex + callbacks. |
| [Mentions Formatter](/ui-kit/react/mentions-formatter-guide) | Add @mentions with styled tokens, suggestion list, and click handling for users & members. |
| [URL Formatter](/ui-kit/react/url-formatter-guide) | Detect and style plain URLs; render them as clickable links with optional tracking logic. |
| [Shortcut Formatter](/ui-kit/react/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
Set up the React UI Kit
Explore all UI components
Customize themes and styling
Handle UI Kit events