Skip to main content
FieldValue
Packagescom.cometchat:chat-uikit-kotlin (Kotlin XML Views), com.cometchat:chat-uikit-compose (Jetpack Compose)
Required setupCometChatUIKit.init() then CometChatUIKit.login() — must complete before rendering any component
Core featuresInstant Messaging, Media Sharing, Read Receipts, Mark as Unread, Typing Indicator, User Presence, Reactions, Mentions, Quoted Reply, Threaded Conversations, Moderation, Report Message, Group Chat
Key componentsCometChatConversations, CometChatMessageList, CometChatMessageComposer, CometChatMessageHeader, CometChatUsers, CometChatGroups, CometChatGroupMembers, CometChatMessageInformation, CometChatThreadHeader
ThemingSee Theming
The UI Kit components work together to deliver a complete chat experience. The sections below map each core feature to the components that power it.

Instant Messaging

Real-time text messaging — users can send and receive instant messages.
ComponentRole
CometChatMessageComposerEnables users to write and send text messages.
CometChatMessageListRenders sent and received messages using text bubbles.

Media Sharing

Share images, videos, audio files, and documents within conversations.
ComponentRole
CometChatMessageComposerProvides an action sheet with options for sharing media files.
CometChatMessageListRenders media message bubbles — Image, File, Audio, Video.

Read Receipts

Visibility into message status — delivered and read indicators.
ComponentRole
CometChatConversationsDisplays delivery status of the last message in each conversation item.
CometChatMessageListShows read receipt status on every message bubble.
CometChatMessageInformationShows detailed delivery and read status for a specific sent message.

Mark as Unread

Users can manually mark messages as unread to revisit important conversations later. The message list can start from the first unread message automatically.
ComponentRole
CometChatMessageListProvides the “Mark as unread” option in message actions and supports starting from the first unread message.
CometChatConversationsReflects updated unread count in real-time.

Typing Indicators

Shows when a user is typing a response in real-time.
ComponentRole
CometChatConversationsShows real-time typing status in conversation items.
CometChatMessageHeaderDisplays a “typing…” indicator when the other user or a group member is typing.

User Presence

See whether contacts are online or offline.
ComponentRole
CometChatConversationsShows user presence in conversation items.
CometChatMessageHeaderDisplays user presence in the chat header.
CometChatUsersShows presence indicators in the user list.
CometChatGroupMembersShows presence indicators for group members.

Reactions

React to messages with emojis without typing a full response.
ComponentRole
CometChatMessageListDisplays reactions on message bubbles and provides the reaction picker.

Mentions

Address specific users in a conversation by typing @ to trigger mention suggestions.
ComponentRole
CometChatConversationsShows where users have been mentioned from the conversation list.
CometChatMessageComposerTriggers mention suggestions on @ and inserts formatted mentions.
CometChatMessageListRenders mentions with distinct styling in the message flow.

Threaded Conversations

Respond directly to a specific message, keeping conversations organized.
ComponentRole
CometChatThreadHeaderDisplays all replies made to a particular message.
CometChatMessageComposerAllows composing messages within a thread.
CometChatMessageListDisplays threaded messages in context.

Quoted Replies

Reply to specific messages by selecting “Reply” from the message action menu, maintaining context in the conversation.
ComponentRole
CometChatMessageListProvides the “Reply” option in message actions.
CometChatMessageComposerShows the quoted reply above the input field for context.

Group Chats

Conversations with multiple participants — team collaborations, group discussions, and communities.
ComponentRole
CometChatGroupsLists and manages groups.
CometChatGroupMembersDisplays and manages group members with roles and actions.

Moderation

Automatically filter and manage inappropriate content based on predefined rules.
Learn more about setting up moderation rules in the Moderation documentation.
ComponentRole
CometChatMessageListHandles moderated messages, displaying blocked content based on your moderation settings.

Report Message

Users can report inappropriate messages by choosing from predefined reasons with optional remarks.
Learn more about flagged messages in the Flagged Messages documentation.
ComponentRole
CometChatMessageListProvides the “Report Message” option in message actions.

Next Steps

Components Overview

Browse all available UI Kit components

Theme

Customize the look and feel of your chat UI

Call Features

Add audio and video calling

AI Features

Explore AI-powered chat capabilities