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

# Extensions

> Overview of CometChat extensions for React UI Kit, including engagement, collaboration, security, support, and smart chat features.

<Accordion title="AI Integration Quick Reference">
  | Field                | Value                                                                                                                                                                                                                                                      |
  | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | Package              | `@cometchat/chat-uikit-react`                                                                                                                                                                                                                              |
  | Required setup       | Wrap app in `CometChatProvider` with valid credentials + Extensions enabled in [CometChat Dashboard](/fundamentals/extensions-overview)                                                                                                                    |
  | Extension categories | User Experience, User Engagement, Collaboration, Security, Customer Support, Smart Chat Features                                                                                                                                                           |
  | Key components       | `CometChatMessageComposer` → [Message Composer](/ui-kit/react/components/message-composer) (Stickers, Polls, Whiteboard, Document), `CometChatMessageList` → [Message List](/ui-kit/react/components/message-list) (Translation, Link Preview, Thumbnails) |
  | Activation           | Enable each extension from the CometChat Dashboard — UI Kit auto-integrates them, no additional code required                                                                                                                                              |
</Accordion>

## Overview

CometChat UI Kit includes built-in support for extensions that add interactive, secure, and efficient features to chat. Extensions are activated from the [CometChat Dashboard](https://app.cometchat.com/) and auto-integrate into UI Kit components.

<Note>
  Ensure your app is wrapped in `CometChatProvider` with valid credentials. Extensions must be activated from the [CometChat Dashboard](/fundamentals/extensions-overview).
</Note>

## Built-in Extensions

The grouping below mirrors the CometChat Dashboard.

### User Experience

#### Bitly

Shortens long URLs in text messages using Bitly. See [Bitly Extension](/fundamentals/bitly).

#### Link Preview

Displays a summary (title, description, thumbnail) for URLs shared in chat. See [Link Preview Extension](/fundamentals/link-preview).

Auto-integrates into the Message Bubble of [MessageList](/ui-kit/react/components/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/0px8ba-Gw2xNtmel/images/0219d225-extension_link_preview_web_screens-3c9e0774d6a45316df0ee48ee2338c2d.png?fit=max&auto=format&n=0px8ba-Gw2xNtmel&q=85&s=d0591bbc4373be1e1b0f82f440d543ee" width="1282" height="802" data-path="images/0219d225-extension_link_preview_web_screens-3c9e0774d6a45316df0ee48ee2338c2d.png" />
</Frame>

#### Message Shortcuts

Sends predefined messages using short codes (e.g., `!hb` expands to `Happy birthday!`). See [Message Shortcuts Extension](/fundamentals/message-shortcuts).

#### Pin Message

Pins important messages in a conversation for easy access. See [Pin Message Extension](/fundamentals/pin-message).

#### Rich Media Preview

Generates rich preview panels for URLs using iFramely. See [Rich Media Preview Extension](/fundamentals/rich-media-preview).

#### Save Message

Bookmarks messages for later reference. Saved messages are private to the user. See [Save Message Extension](/fundamentals/save-message).

#### Thumbnail Generation

Creates smaller preview images for shared images, reducing bandwidth. See [Thumbnail Generation Extension](/fundamentals/thumbnail-generation).

Auto-integrates into the Message Bubble of [MessageList](/ui-kit/react/components/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/Av4H4a0jfbLZn4mz/images/382b5743-extension_thumbnail_generation_web_screens-b660bc307ecd540c0a7301e65ca0af5b.png?fit=max&auto=format&n=Av4H4a0jfbLZn4mz&q=85&s=ec6097599a6eea20badd63de6d615825" width="1282" height="802" data-path="images/382b5743-extension_thumbnail_generation_web_screens-b660bc307ecd540c0a7301e65ca0af5b.png" />
</Frame>

#### TinyURL

URL shortening using TinyURL. See [TinyURL Extension](/fundamentals/tinyurl).

#### Voice Transcription

Converts audio messages to text. See [Voice Transcription Extension](/fundamentals/voice-transcription).

### User Engagement

#### Giphy

Search and share GIFs from Giphy. See [Giphy Extension](/fundamentals/giphy).

#### Message Translation

Translates messages into the local locale. See [Message Translation Extension](/fundamentals/message-translation).

Auto-integrates into the message options menu of [MessageList](/ui-kit/react/components/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/M7Xe5D2C2YVlNEEy/images/0baa8eed-extension_message_translation_web_screens-4e96a6b7bc989197532d49ca83f77977.png?fit=max&auto=format&n=M7Xe5D2C2YVlNEEy&q=85&s=02f766994b3e60f0a3139554a9a845dd" width="1282" height="802" data-path="images/0baa8eed-extension_message_translation_web_screens-4e96a6b7bc989197532d49ca83f77977.png" />
</Frame>

#### Polls

Creates polls in group discussions with predefined answer options. See [Polls Extension](/fundamentals/polls).

Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/BGoFHKFuv0Uhb_2t/images/cc12b78b-extension_poll_web_screens-d48dc40c1a77ad81b6382607d7721b19.png?fit=max&auto=format&n=BGoFHKFuv0Uhb_2t&q=85&s=500aba770d0d9e74f1b9fa515bf6f970" width="1282" height="802" data-path="images/cc12b78b-extension_poll_web_screens-d48dc40c1a77ad81b6382607d7721b19.png" />
</Frame>

#### Reminders

Sets reminders for messages or creates personal reminders. A bot sends a notification when due. See [Reminders Extension](/fundamentals/reminders).

#### Stickers

Sends pre-designed stickers in chat. See [Sticker Extension](/fundamentals/stickers).

Auto-integrates into [Message Composer](/ui-kit/react/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/CD4cvqIDCPY1cJO5/images/f3262629-extension_sticker_web_screens-6e10335c8a82dea2b11cc875c44b606e.png?fit=max&auto=format&n=CD4cvqIDCPY1cJO5&q=85&s=1c5281d3ce00fb0672037504d62d7c9c" width="1282" height="802" data-path="images/f3262629-extension_sticker_web_screens-6e10335c8a82dea2b11cc875c44b606e.png" />
</Frame>

#### Stipop

Integrates Stipop's sticker library. See [Stipop Extension](/fundamentals/stickers-stipop).

#### Tenor

Search and share GIFs from Tenor. See [Tenor Extension](/fundamentals/tenor).

### Collaboration

#### Collaborative Document

Shared document editing for real-time collaboration. See [Collaborative Document Extension](/fundamentals/collaborative-document).

Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/yGNM1umvTOb4Y2BN/images/ed4f9ead-extension_collaborative_document_web_screens-b636764a036d286a66cf81bf43cadf19.png?fit=max&auto=format&n=yGNM1umvTOb4Y2BN&q=85&s=9b6cec885d69b8e32c6e9112d0d2e360" width="1282" height="802" data-path="images/ed4f9ead-extension_collaborative_document_web_screens-b636764a036d286a66cf81bf43cadf19.png" />
</Frame>

#### Collaborative Whiteboard

Real-time shared whiteboard for drawing and brainstorming. See [Collaborative Whiteboard Extension](/fundamentals/collaborative-whiteboard).

Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-mintlify-715169f7/yXOOL4RAss5FvRnj/images/6baee6d6-extension_whiteboard_web_screens-5ab03b904a0a2f6550d86c701c5fcda2.png?fit=max&auto=format&n=yXOOL4RAss5FvRnj&q=85&s=745f62daa038a3b77829c753e4dffbf0" width="1282" height="802" data-path="images/6baee6d6-extension_whiteboard_web_screens-5ab03b904a0a2f6550d86c701c5fcda2.png" />
</Frame>

### Security

#### Disappearing Messages

Messages auto-delete after a specified interval. Works for 1:1 and group messages. See [Disappearing Messages Extension](/fundamentals/disappearing-messages).

### Customer Support

#### Chatwoot

Routes user messages to Chatwoot for customer support. See [Chatwoot Extension](/fundamentals/chatwoot).

#### Intercom

Integrates Intercom for in-app customer support. See [Intercom Extension](/fundamentals/intercom).

### Smart Chat Features

#### Conversation Starter

AI-generated opening messages for new chats. See [Conversation Starter](/fundamentals/ai-user-copilot/conversation-starter) and [AI Features](/ui-kit/react/ai-features).

#### Smart Replies

AI-generated response suggestions based on conversation context. See [Smart Replies](/fundamentals/ai-user-copilot/smart-replies) and [AI Features](/ui-kit/react/ai-features).

#### Conversation Summary

AI-generated recap of long conversations. See [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary) and [AI Features](/ui-kit/react/ai-features).

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/components/message-composer">
    Customize the composer where most extensions appear
  </Card>

  <Card title="Message List" icon="messages" href="/ui-kit/react/components/message-list">
    Customize the message list for extension-rendered content
  </Card>

  <Card title="Core Features" icon="comments" href="/ui-kit/react/core-features">
    Core chat features like messaging and reactions
  </Card>

  <Card title="AI Features" icon="robot" href="/ui-kit/react/ai-features">
    AI-powered chat capabilities
  </Card>
</CardGroup>