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

# Feature Enablement & Implementation

> Understand how to enable and implement CometChat features across different integration methods

CometChat features fall into three categories based on how you enable and implement them. This guide helps you understand the workflow for each integration method.

## Feature Categories

| Category                       | Dashboard Setup       | Code Required          | Example Features                                    |
| ------------------------------ | --------------------- | ---------------------- | --------------------------------------------------- |
| **Core Features**              | ❌ None                | Depends on integration | Instant messaging, typing indicators, read receipts |
| **Dashboard-Enabled Features** | ✅ Enable in Dashboard | Depends on integration | Link preview, polls, stickers, AI features          |
| **Dashboard-Only Features**    | ✅ Enable in Dashboard | ❌ None                 | Thumbnail generation (auto-applied)                 |

***

## By Integration Method

<Tabs>
  <Tab title="UI Kit">
    ### UI Kit Integration

    The fastest path to a full chat experience with pre-built components.

    #### Core Features

    * **Setup:** Integrate via [UI Kit docs](/ui-kit/react/overview), create users, send first message
    * **Code:** No additional code needed — features work out of the box

    #### Dashboard-Enabled Features

    1. Enable the feature in **Dashboard → Chat & Messaging → Features**
    2. Feature automatically appears in UI Kit components
    3. Configure additional settings in Dashboard if needed

    #### Dashboard-Only Features

    1. Enable the feature in **Dashboard → Chat & Messaging → Features**
    2. No code required — feature works automatically

    <CardGroup cols={2}>
      <Card title="Core Features" icon="message" href="/ui-kit/react/core-features">
        What's included out of the box
      </Card>

      <Card title="Extensions" icon="puzzle-piece" href="/ui-kit/react/extensions">
        Dashboard-enabled extensions
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="UI Kit Builder">
    ### UI Kit Builder Integration

    Customize your chat UI visually, then download and integrate.

    #### Core Features

    * **Setup:** Customize in UI Kit Builder, download code, integrate via [Builder docs](/chat-builder/react/overview)
    * **Code:** No additional code needed

    #### Dashboard-Enabled Features

    1. Enable toggle in UI Kit Builder (if not enabled by default)
    2. Enable the feature in **Dashboard → Chat & Messaging → Features**
    3. Configure additional settings in Dashboard if needed

    #### Dashboard-Only Features

    1. Enable toggle in UI Kit Builder (if not enabled by default)
    2. Enable the feature in **Dashboard → Chat & Messaging → Features**

    <Card title="UI Kit Builder" icon="paintbrush" href="/chat-builder/react/overview">
      Get started with visual customization
    </Card>
  </Tab>

  <Tab title="Widget Builder">
    ### Widget Builder Integration

    Embed chat with minimal code using customizable widgets.

    #### Core Features

    * **Setup:** Customize in Widget Builder, download code, integrate via [Widget docs](/widget/html/overview)
    * **Code:** No additional code needed

    #### Dashboard-Enabled Features

    1. Enable toggle in Widget Builder (if not enabled by default)
    2. Enable the feature in **Dashboard → Chat & Messaging → Features**
    3. Configure additional settings in Dashboard if needed

    #### Dashboard-Only Features

    1. Enable toggle in Widget Builder (if not enabled by default)
    2. Enable the feature in **Dashboard → Chat & Messaging → Features**

    <Card title="Widget Builder" icon="window" href="/widget/html/overview">
      Embed chat on any website
    </Card>
  </Tab>

  <Tab title="SDK">
    ### SDK Integration

    Full control with direct API access — build your own UI.

    #### Core Features

    * **Setup:** Implement SDK methods to build your chat experience
    * **Code:** Write UI and logic using SDK methods

    #### Dashboard-Enabled Features

    1. Enable the feature in **Dashboard → Chat & Messaging → Features**
    2. Implement SDK methods from the feature guide
    3. Build UI to display the feature in your app
    4. Configure additional settings in Dashboard if needed

    #### Dashboard-Only Features

    1. Enable the feature in **Dashboard → Chat & Messaging → Features**
    2. Invoke the extension via SDK code snippets
    3. Feature processes automatically (e.g., thumbnail generation)

    <CardGroup cols={2}>
      <Card title="JavaScript SDK" icon={<img src="/images/icons/js.svg" alt="JavaScript" />} href="/sdk/javascript/overview" />

      <Card title="Android SDK" icon={<img src="/images/icons/android.svg" alt="Android" />} href="/sdk/android/overview" />

      <Card title="iOS SDK" icon={<img src="/images/icons/swift.svg" alt="iOS" />} href="/sdk/ios/overview" />

      <Card title="Flutter SDK" icon={<img src="/images/icons/flutter.svg" alt="Flutter" />} href="/sdk/flutter/overview" />
    </CardGroup>
  </Tab>
</Tabs>

***

## Quick Reference: Feature Availability

Use this table to see which features are available in each integration method:

### Core Features

| Feature                          | UI Kit Builder | Widget Builder | UI Kit | SDK |
| -------------------------------- | -------------- | -------------- | ------ | --- |
| Instant Messaging                | ✅              | ✅              | ✅      | ✅   |
| Media Sharing                    | ✅              | ✅              | ✅      | ✅   |
| Read Receipts                    | ✅              | ✅              | ✅      | ✅   |
| Mark as Unread                   | ✅              | ✅              | ✅      | ✅   |
| Typing Indicators                | ✅              | ✅              | ✅      | ✅   |
| User Presence                    | ✅              | ✅              | ✅      | ✅   |
| Reactions                        | ✅              | ✅              | ✅      | ✅   |
| Mentions                         | ✅              | ✅              | ✅      | ✅   |
| Threaded Conversations           | ✅              | ✅              | ✅      | ✅   |
| Quoted Replies                   | ✅              | ✅              | ✅      | ✅   |
| Group Chats                      | ✅              | ✅              | ✅      | ✅   |
| Report Message                   | ✅              | ✅              | ✅      | ✅   |
| Conversation and Advanced Search | ✅              | ✅              | ✅      | ✅   |

### Extensions - User Experience

| Feature              | UI Kit Builder | Widget Builder | UI Kit | SDK |
| -------------------- | -------------- | -------------- | ------ | --- |
| Link Preview         | ✅              | ✅              | ✅      | ✅   |
| Thumbnail Generation | ✅              | ✅              | ✅      | ✅   |
| Bitly                | 🔨             | ❌              | 🔨     | ✅   |
| Message Shortcuts    | 🔨             | ❌              | 🔨     | ✅   |
| Pin Message          | 🔨             | ❌              | 🔨     | ✅   |
| Rich Media Preview   | 🔨             | ❌              | 🔨     | ✅   |
| Save Message         | 🔨             | ❌              | 🔨     | ✅   |
| TinyURL              | 🔨             | ❌              | 🔨     | ✅   |
| Voice Transcription  | 🔨             | ❌              | 🔨     | ✅   |

### Extensions - User Engagement

| Feature             | UI Kit Builder | Widget Builder | UI Kit | SDK |
| ------------------- | -------------- | -------------- | ------ | --- |
| Message Translation | ✅              | ✅              | ✅      | ✅   |
| Polls               | ✅              | ✅              | ✅      | ✅   |
| Stickers            | ✅              | ✅              | ✅      | ✅   |
| Giphy               | 🔨             | ❌              | 🔨     | ✅   |
| Reminders           | 🔨             | ❌              | 🔨     | ✅   |
| Stipop              | 🔨             | ❌              | 🔨     | ✅   |
| Tenor               | 🔨             | ❌              | 🔨     | ✅   |

### Extensions - Collaboration

| Feature                  | UI Kit Builder | Widget Builder | UI Kit | SDK |
| ------------------------ | -------------- | -------------- | ------ | --- |
| Collaborative Document   | ✅              | ✅              | ✅      | ✅   |
| Collaborative Whiteboard | ✅              | ✅              | ✅      | ✅   |

### Extensions - Security

| Feature               | UI Kit Builder | Widget Builder | UI Kit | SDK |
| --------------------- | -------------- | -------------- | ------ | --- |
| Disappearing Messages | 🔨             | ❌              | 🔨     | ✅   |

### Extensions - Customer Support

| Feature  | UI Kit Builder | Widget Builder | UI Kit | SDK |
| -------- | -------------- | -------------- | ------ | --- |
| Chatwoot | 🔨             | ❌              | 🔨     | ✅   |
| Intercom | 🔨             | ❌              | 🔨     | ✅   |

### Smart Chat Features (AI)

| Feature              | UI Kit Builder | Widget Builder | UI Kit | SDK |
| -------------------- | -------------- | -------------- | ------ | --- |
| Conversation Starter | ✅              | ✅              | ✅      | ✅   |
| Smart Replies        | ✅              | ✅              | ✅      | ✅   |
| Conversation Summary | ✅              | ✅              | ✅      | ✅   |

<Note>
  ✅ = Built-in support | 🔨 = Can be built using SDK | ❌ = Not available
</Note>

***

## Next Steps

<CardGroup cols={3}>
  <Card title="Core Features" icon="star" href="/fundamentals/features-core">
    Explore all core messaging features
  </Card>

  <Card title="Extensions" icon="puzzle-piece" href="/fundamentals/extensions-user-experience">
    Browse available extensions
  </Card>

  <Card title="Smart Chat Features" icon="wand-magic-sparkles" href="/fundamentals/smart-chat-features">
    Add AI-powered capabilities
  </Card>
</CardGroup>