Getting started

The CometChat UI Kit for React streamlines the integration of in-app chat functionality by providing a comprehensive set of prebuilt UI components. It offers seamless theming options, including light and dark modes, customizable fonts, colors, and extensive styling capabilities. With built-in support for one-to-one and group conversations, developers can efficiently enable chat features within their applications. Follow this guide to quickly integrate chat functionality using the CometChat React UI Kit.

Prerequisites

Before installing the CometChat UI Kit for React, you must first create a CometChat application via the CometChat Dashboard. The dashboard provides all the essential chat service components, including:

Before installing the CometChat UI Kit for React, you must first create a CometChat application via the CometChat Dashboard. The dashboard provides all the essential chat service components, including:

• User Management
• Group Chat & Messaging
• Voice & Video Calling
• Real-time Notifications

To initialize the UI Kit, you will need the following credentials from your CometChat application:

1. App ID
2. Auth Key
3. Region

Ensure you have these details ready before proceeding with the installation and configuration.

Register & Set Up CometChat

Follow these steps to register on CometChat and set up your development environment.

Step 1: Register on CometChat

To use CometChat UI Kit, you first need to register on the CometChat Dashboard.

🔗 Click here to Sign Up

Step 2: Get Your Application Keys

After registering, create a new app and retrieve your authentication details:

1. Navigate to Application, then select the Credentials section.

2. Note down the following keys:

   • App ID
   • Auth Key
   • Region

Step 3: Set Up Your Development Environment

Ensure your system meets the following prerequisites before proceeding with integration.

System Requirements:

• Node.js installed on your machine.
• A code editor like Visual Studio Code or Cursor.
• npm or Yarn package manager installed.

Built With

The CometChat UI Kit for React relies on the following technologies: