cometchat-uikit-react-native

CometChat React Native UI Kit

CometChat React Native UIKit provides a pre-built user interface kit that developers can use to quickly integrate a reliable & fully-featured chat experience into an existing or a new mobile app.

🚀 Explore the Sample Apps!

Dive straight into our Sample Apps to see CometChat UI Kit in action! Whether you’re building a messaging app or enhancing your existing project, this sample app showcases the full potential of our React Native UI components.

• Sample App
• Sample App AI
• Sample App Expo
• Sample App with Push Notifications

Prerequisites

• Node.js 18 or higher
• React Native Version 0.77 or later (up to the latest version)

iOS

• XCode
• Pod (CocoaPods) for iOS
• An iOS device or emulator with iOS 12.0 or above.

Android

• Android Studio
• Android device or emulator with Android version 5.0 or above.

Getting Started

To set up React Native Chat UIKit and utilize CometChat for your chat functionality, you’ll need to follow these steps:

1. Registration: Go to the CometChat Dashboard and sign up for an account.
2. After registering, log into your CometChat account and create a new app. 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 iOS app.

Integrate with AI Coding Agents

CometChat Agent Skills teach your AI coding agent how to build with the CometChat React Native UI Kit in bare React Native or Expo apps. Ask your agent to “add chat to my app” and it detects your project setup, walks you through a short plan for your approval, and then writes the integration code directly into your existing app, following the official CometChat guides. The skills work with Claude Code, Cursor, GitHub Copilot, Codex, Windsurf, and other popular coding agents.

Run the installer in your project root (requires Node.js 18+):

npx @cometchat/skills add

The skills are installed for Claude Code by default; pass --ide <agent> (for example, --ide cursor) to install them for a different agent. Then open your project in your agent and prompt it with “add chat to my app”, or run /cometchat.

To learn more, visit CometChat Agent Skills.

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.