Skip to content

Latest commit

 

History

History
412 lines (355 loc) · 17.3 KB

File metadata and controls

412 lines (355 loc) · 17.3 KB
mode custom
title Chat & Messaging
description Add real-time chat, voice & video calling to your apps in minutes. Choose your path: UI Kits, SDKs, or Widgets.
canonical https://cometchat.com/docs

{/* Hero Section */}

Chat & Messaging

Add real-time chat and calls to your app in minutes. Choose the approach that fits your needs.

Chat & Messaging UI Preview

Step 1

Add CometChat to Your Frontend

Use our pre-built UI kits or SDKs to add chat to your website or mobile app instantly.

{/* UI Kit Builder Section */}

UI Kit Builder

   RECOMMENDED

Get a fully functional chat interface in minutes. Configure via our ui kit builder — no complex setup required.

{/* */}

Toggle mentions, reactions, media sharing, and more through our visual interface. Get production-ready React code that plugs directly into your existing app. It's based on our UI Kits—edit layouts, styles, or workflows as needed. No manual component wiring required. User/group info, moderation, and more included by default. Same powerful UI Kits under the hood. } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Freact%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Fnextjs%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Freact-router%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Fios%2Foverview" horizontal /> {/* } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Fandroid%2Foverview" horizontal /> */} } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Fandroid%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact-native%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fchat-builder%2Fflutter%2Foverview" horizontal />

{/* UI Kits Section */}

UI Kits - Components

Build your own chat interface using individual components. Each component includes built-in chat logic.

{/* */}

Choose only what you need from the comprehensive UI Kit. Compose your desired layout; apply custom styling or theming. Each component includes its own chat logic—no SDK wiring per part. No manual component wiring required. User/group info, moderation, and more included by default. Same powerful UI Kits under the hood. } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact%2Freact-js-integration" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact%2Fnext-js-integration" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact%2Freact-router-integration" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact%2Fastro-integration" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fangular%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fvue%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fios%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fandroid%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fandroid%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Freact-native%2Foverview" horizontal/> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fui-kit%2Fflutter%2Foverview" horizontal/>

{/* SDKs Section */}

SDKs

Build your own UI from scratch with our complete SDK feature set.

{/* */}

Initialize and connect to CometChat in your frontend application. Create UI and flows from the ground up—exactly how you want them. Full control over every aspect of the chat experience. Live in minutes, not days. No framework lock‑in or build steps. Configure without code; theme when needed. } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Fjavascript%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Freact-native%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Fios%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Fandroid%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Fflutter%2Foverview" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fsdk%2Fionic%2Foverview" horizontal />

{/* Widgets Section */}

Chat Widgets

Add chat to any website with a simple script tag. Perfect for customer support and community chat.

{/* */}

<AccordionGroup>
  <Accordion title="How It Works">
    <Steps>
      <Step title="Add a script tag">
        Paste a single script into your site or CMS.
      </Step>
      <Step title="Configure in dashboard">
        Toggle features, colors, and behavior from CometChat.
      </Step>
      <Step title="Launch">
        The widget appears instantly across your pages.
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="Why It's Great">

    <Steps>
      <Step title="Fastest time‑to‑value">Live in minutes, not days.</Step>
      <Step title="Works anywhere">No framework lock‑in or build steps.</Step>
      <Step title="Easy to customize">Configure without code; theme when needed.</Step>
    </Steps>

  </Accordion>

</AccordionGroup>
} href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fhtml%2Fintegration" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fwordpress%2Fintegration" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fshopify%2Fintegration" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fsquarespace%2Fintegration" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fwix%2Fintegration" horizontal /> } href="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fwidget%2Fwebflow%2Fintegration" horizontal />

Step 2

Sync Your Users

Sync your user database with CometChat for a seamless experience.

    - Add users directly from the CometChat Dashboard. - Ideal for quick testing or small teams.
    - Create users via the SDK methods. - Perfect for auto-provisioning during sign-up or login.
    - Create users using the REST API. - Best for batch imports or admin workflows.

{/* Sample Apps Section */}

Sample Apps & Demos

See CometChat in action. Clone these sample apps to get started quickly.

{/* Footer */}