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

# Extensions

> Enable CometChat Angular UI Kit extensions for stickers, polls, collaboration tools, reactions, moderation, smart replies, and link previews.

## 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 and auto-integrate into UI Kit components on init and login.

<Note>
  Ensure `CometChatUIKit.init()` has completed and the user is logged in. Extensions must be activated from the CometChat Dashboard.
</Note>

## Built-in Extensions

The grouping below mirrors the CometChat Dashboard.

### User Experience

#### Bitly

Shortens long URLs in text messages using Bitly.

#### Link Preview

Displays a summary (title, description, thumbnail) for URLs shared in chat.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/96l9mrn6RsXMxe3e/images/0219d225-extension_link_preview_web_screens-3c9e0774d6a45316df0ee48ee2338c2d.png?fit=max&auto=format&n=96l9mrn6RsXMxe3e&q=85&s=10fa97b6e10a83a7678f8d81d143e4e2" 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!`).

#### Pin Message

Pins important messages in a conversation for easy access.

#### Rich Media Preview

Generates rich preview panels for URLs.

#### Save Message

Bookmarks messages for later reference. Saved messages are private to the user.

#### Thumbnail Generation

Creates smaller preview images for shared images, reducing bandwidth.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/mTXYrW-QShIzg5ZT/images/382b5743-extension_thumbnail_generation_web_screens-b660bc307ecd540c0a7301e65ca0af5b.png?fit=max&auto=format&n=mTXYrW-QShIzg5ZT&q=85&s=304d6ad8dbc45fc212ba445ddc8baec6" width="1282" height="802" data-path="images/382b5743-extension_thumbnail_generation_web_screens-b660bc307ecd540c0a7301e65ca0af5b.png" />
</Frame>

#### TinyURL

URL shortening using TinyURL.

#### Voice Transcription

Converts audio messages to text.

### User Engagement

#### Giphy

Search and share GIFs from Giphy.

#### Message Translation

Translates messages into the local locale.

Auto-integrates into the Action Sheet of [cometchat-message-list](/ui-kit/angular/components/cometchat-message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/AqlLxoYpdJaTvRBi/images/0baa8eed-extension_message_translation_web_screens-4e96a6b7bc989197532d49ca83f77977.png?fit=max&auto=format&n=AqlLxoYpdJaTvRBi&q=85&s=d68b27b8d5614cdef04058cb60ad4f5d" 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.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/OXXmJ2D_Pr5huM6q/images/cc12b78b-extension_poll_web_screens-d48dc40c1a77ad81b6382607d7721b19.png?fit=max&auto=format&n=OXXmJ2D_Pr5huM6q&q=85&s=a528c1cc20211c7bec2696445500e41e" 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.

#### Stickers

Sends pre-designed stickers in chat.

Auto-integrates into [cometchat-message-composer](/ui-kit/angular/components/cometchat-message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/iX0sb38JXbOfvlRG/images/f3262629-extension_sticker_web_screens-6e10335c8a82dea2b11cc875c44b606e.png?fit=max&auto=format&n=iX0sb38JXbOfvlRG&q=85&s=ef2df75922062084f23da91e1fa64543" width="1282" height="802" data-path="images/f3262629-extension_sticker_web_screens-6e10335c8a82dea2b11cc875c44b606e.png" />
</Frame>

#### Stipop

Integrates Stipop's sticker library.

#### Tenor

Search and share GIFs from Tenor.

### Collaboration

#### Collaborative Document

Shared document editing for real-time collaboration.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/5e9jTgfXCwAtD5u7/images/ed4f9ead-extension_collaborative_document_web_screens-b636764a036d286a66cf81bf43cadf19.png?fit=max&auto=format&n=5e9jTgfXCwAtD5u7&q=85&s=c3559f55a8e89b3a7d175fe8476ff4b5" 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.

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-ui-kit-plugin-precedence/9lophWBkBy-SJca2/images/6baee6d6-extension_whiteboard_web_screens-5ab03b904a0a2f6550d86c701c5fcda2.png?fit=max&auto=format&n=9lophWBkBy-SJca2&q=85&s=a8ccd2936a8971bb60f98af75b746f2e" 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.

### Customer Support

#### Chatwoot

Routes user messages to Chatwoot for customer support.

#### Intercom

Integrates Intercom for in-app customer support.

### Smart Chat Features

#### Conversation Starter

AI-generated opening messages for new chats. See [AI Smart Chat Features](/ui-kit/angular/ai-features).

#### Smart Replies

AI-generated response suggestions based on conversation context. See [AI Smart Chat Features](/ui-kit/angular/ai-features).

#### Conversation Summary

AI-generated recap of long conversations. See [AI Smart Chat Features](/ui-kit/angular/ai-features).

***

## Next Steps

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

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

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

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