> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-uikit-customization-architecture.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-uikit-customization-architecture/gc6smRtLfR-dbpSa/images/0219d225-extension_link_preview_web_screens-3c9e0774d6a45316df0ee48ee2338c2d.png?fit=max&auto=format&n=gc6smRtLfR-dbpSa&q=85&s=e85c3304e9472d1991e6eeaea73c9119" 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-uikit-customization-architecture/0P_ahrcZJ8IBxOCS/images/382b5743-extension_thumbnail_generation_web_screens-b660bc307ecd540c0a7301e65ca0af5b.png?fit=max&auto=format&n=0P_ahrcZJ8IBxOCS&q=85&s=5f66c82107c84f00d23753794c0105de" 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-uikit-customization-architecture/yjm4yfB999UH63sb/images/0baa8eed-extension_message_translation_web_screens-4e96a6b7bc989197532d49ca83f77977.png?fit=max&auto=format&n=yjm4yfB999UH63sb&q=85&s=fa14035a84b172a62db9990d495cdcdb" 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-uikit-customization-architecture/yT0G4L3ch0viWAfB/images/cc12b78b-extension_poll_web_screens-d48dc40c1a77ad81b6382607d7721b19.png?fit=max&auto=format&n=yT0G4L3ch0viWAfB&q=85&s=312021eb521268e20dc56cbf0890ff21" 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-uikit-customization-architecture/-aNDa2DqeCoQ4s6x/images/f3262629-extension_sticker_web_screens-6e10335c8a82dea2b11cc875c44b606e.png?fit=max&auto=format&n=-aNDa2DqeCoQ4s6x&q=85&s=4bdd771485a0dacd52572b49fefa4cf0" 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-uikit-customization-architecture/u5yp9q0rfnLJKCf0/images/ed4f9ead-extension_collaborative_document_web_screens-b636764a036d286a66cf81bf43cadf19.png?fit=max&auto=format&n=u5yp9q0rfnLJKCf0&q=85&s=e0727359718cfcb16ea491cd3e39a5b3" 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-uikit-customization-architecture/AMd_XKz1k_4EL5uf/images/6baee6d6-extension_whiteboard_web_screens-5ab03b904a0a2f6550d86c701c5fcda2.png?fit=max&auto=format&n=AMd_XKz1k_4EL5uf&q=85&s=1ca2f190a38854e082a6be7a61f6b8d3" 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>