UI Kits

Android Chat UI Kit. Fast, Native, Production-Ready

Add high-performance chat to your Android app instantly. Prebuilt UI components for Kotlin and Jetpack Compose with flexible UI and built-in messaging logic. Full control, zero complexity.
Hero image

Choose Your UI Toolkit

Build your Android chat in minutes choosing between Kotlin (XML Views) or Jetpack Compose

Kotlin (XML Views)

Integrate chat using XML layouts and ViewBinding. Familiar structure, prebuilt components, and straightforward setup for your Android project.

Kotlin (XML Views)

Jetpack Compose

Integrate chat using native Composables and Material 3. Declarative structure, prebuilt components, and straightforward setup for your Android project.

Jetpack Compose

In-app chat experience, simplified

Three steps to add chat to your Android app

Pick your chat components, wire them into your app, and go live.

Step 1: Install Android project

Add the CometChat Android UI Kit to your project

  • Open Android Studio, start a new project with Empty Activity, and set the minimum API level to 24 or higher.

  • Add the CometChat Maven repository to your Gradle configuration.

  • Enable AndroidX support and add the CometChat dependency to your project.

Step 2: Choose your UI toolkit

Pick between Kotlin (XML Views) or Jetpack Compose

  • Choose between two unique UI toolkits: Kotlin (XML Views) or Jetpack Compose.

  • Kotlin (XML Views) follows the guide for step-by-step integration using XML layouts and ViewBinding, while Jetpack Compose follows the guide for step-by-step integration using Composables.

  • The remaining integration steps cover initialization, login, theming, and rendering components and differ based on the UI toolkit of your choice.

Step 3: Build your chat experience

Customize and launch your in-app chat

  • Browse all prebuilt UI components and assemble the chat experience your users need.

  • Apply theming to customize colors, fonts, and styles to match your app.

  • Explore core features included out of the box, from messaging to real-time updates.

Resources

Docs, tutorials, sample apps and more

Documentation

Integrate seamlessly with our developer-friendly documentation.

Learn more

Sample apps

Get inspiration from our sample apps built with the Android UI kit.

Learn more

Tutorial

Follow our step-by-step guide to seamlessly integrate chat in your app.

Learn more

UI designs

View the source design files for our UI Kits directly on Figma.

Learn more

Modular design, unlimited possibilities

Engineered for complete customization. Built for speed, control, and high-performance code.

Conversations component

The command center of your chat experience

Display recent chats with rich context and instant updates.

  • Real-time unread counts, message previews, timestamps and read receipts


  • Smart filtering by type, tags, or custom criteria


  • Responsive design works across all screens

Messages component

Powerful and responsive chat interface

Enterprise-grade messaging that feels personal. Full-featured yet incredibly simple to implement.

  • Supports message threading with reply counts

  • Real-time typing and presence indicators


  • Customizable chat screen layout and styling

Users component

Help users find and start conversations instantly

The Users component provides an accessible list of all available users within your chat application.

  • Search and filter users dynamically


  • Presence indicators and profile avatars for visibility

  • Customize the list to show only friends or exclude certain users from the list

Chat bubble

Responsive message bubbles

Responsive message containers that handle any content type elegantly.

  • Support for text, videos, GIFs, stickers, and voice messages

  • Custom message templates for unsupported content and media formats

  • Automatic responsive sizing and built-in interaction states

UI Kit Components

Android chat library that users love

Open source UI Kits with the chat functions and features your audience loves.

CometChat UI Kit components. Chat reactions

Reactions

Built-in emoji support with customizable reaction sets to match your app's personality.
CometChat chat UI Kit quoted replies

Threaded messages

Keep conversations organized with intuitive message threading. Users can create and follow discussion threads without losing context of the main chat.
CometChat UI Kit components. Message builder.

Message composer

Rich text editor with smart capabilities. Support for emojis, file attachments, and formatting, plus extensible for custom input types.
CometChat UI Kit components. Presence indicator.

Presence Indicators

Real-time user status updates show who's online and active. Automatic presence detection with customizable status messages.
CometChat UI Kit components. Read and delivered reciepts.

Read Receipts

Clear visual indicators show when messages are sent, delivered, and read.
CometChat UI Kit components. Message information.

Message Information

Detailed message context at a glance. Timestamps, sender info, and delivery status in a clean, customizable format.
CometChat UI Kit components,  unread message count

Unread Message Counts

Smart unread counters that automatically track messages across conversations, with customizable badge styling.
CometChat UI Kit components. Audio recorder.

Audio Recorder

Built-in recording with playback controls and automatic upload handling.
CometChat UI Kit components user avatars

Avatars

Add profile pictures that adapt seamlessly from chats to user lists. Built-in support for images, initials, and presence indicators

Integration Methods

Check out more integration tools

Start with any integration method and scale to others as your needs evolve.

Widget Builder

A no-code chat builder for any platform, built for high-impact use cases that need real chat fast and flexible.

Customize entirely and toggle chat functions as needed
Integrate with a single line of code
Deploy and launch your in-app chat

UI Kit Builder

A low-code chat builder that is fully customizable, easy to integrate, and scales with your product.

Individual chat components stitched together
Customize chat and toggle functions
Export source code and deploy

Chat SDKs

Open source SDKs and APIs for all popular frameworks to build bespoke chat experiences.

Fully customizable workflows
Build your own chat interface
Extend beyond core capabilities with ease
Ellipse
CometChat Logo

See the Android UI kit in action

Send messages, try reactions, and see how components work instantly, no coding required.