cometchat-uikit-react icon indicating copy to clipboard operation
cometchat-uikit-react copied to clipboard

Ready-to-use Chat UI Components for React (JavaScript/Web)

CometChat

CometChat React UI Kit

CometChat's React UI Kit provides a prepared user interface that developers can use to quickly incorporate a reliable & fully-featured chat experience into their existing or new applications.

Prerequisites

  • Node.js >= 14.17.0
  • npm >= 7

Getting Started

To set up the CometChat React UI Kit and utilize CometChat for your chat functionality, you'll need to follow these steps:

  1. Create an Account: Register at the CometChat Dashboard to create an account.

  2. Create an Application: After registering, log in to your CometChat account and create a new application. Once created, CometChat will generate an Auth Key and App ID for you. Keep these credentials secure as you'll need them later.

  3. Check the Key Concepts to understand the basic components of CometChat.

  4. Refer to the Integration Steps in our documentation to integrate the UI Kit into your React app.

Dependencies

Install the necessary peer dependencies by running the following command:

npm install @cometchat/chat-sdk-javascript@latest @cometchat/uikit-elements@latest @cometchat/uikit-resources@latest @cometchat/uikit-shared@latest

Help and Support

If you run into any issues while executing the project or integrating with our UI Kits, refer to our documentation, create a support ticket, or receive real-time assistance through the CometChat Dashboard.