React Native UI Kit

Prebuilt React Native components for chat, voice, and video calling. Supports React Native CLI and Expo.

AI Integration Quick Reference

Field	Value
Package	@cometchat/chat-uikit-react-native v5.x
Peer deps	react-native >=0.70, @cometchat/chat-sdk-react-native, react-native-gesture-handler, react-native-safe-area-context
Calling	Optional — @cometchat/calls-sdk-react-native
Localization	Built-in localization support
Source	GitHub

The CometChat React Native UI Kit provides prebuilt, customizable components for adding chat, voice, and video calling to any React Native app. Each component handles its own data fetching, real-time listeners, and state — you just drop them into your layout.

CometChatUIKit.init(UIKitSettings) must be called before rendering any UI Kit components or calling any SDK methods. Initialization must complete before login.

Auth Key is for development/testing only. In production, generate Auth Tokens on your server using the REST API and pass them to the client. Never expose Auth Keys in production client code.

---

Get Started

Pick your framework and follow the step-by-step integration guide:

React Native CLI

Standard React Native project setup

Expo

Expo managed workflow

---

Explore

Components

Browse all prebuilt UI components

Features

Chat, calling, AI, and extensions

Theming

Colors, fonts, dark mode, and custom styling

Methods

Initialize, authenticate, and send messages

Troubleshooting

Common issues and fixes

---

Resources

Sample App

Working reference app

Source Code

Full UI Kit source on GitHub

Support

Open a support ticket