> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-react-v7-feature-guides.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Android UI Kit

> Prebuilt, customizable UI components for chat & messaging, voice & video calling — for both Jetpack Compose and Kotlin XML Views.

<Accordion title="AI Integration Quick Reference">
  | Field              | Value                                                             |
  | ------------------ | ----------------------------------------------------------------- |
  | Kotlin (XML Views) | `com.cometchat:chatuikit-kotlin-android` v6.x                     |
  | Jetpack Compose    | `com.cometchat:chatuikit-compose-android` v6.x                    |
  | Shared core        | `chatuikit-core` (ViewModels, repositories, data sources, events) |
  | Peer deps          | `com.cometchat:chat-sdk-android` >=4.x, `minSdk` 28               |
  | Calling            | Optional — `com.cometchat:calls-sdk-android`                      |
  | Source             | [GitHub](https://github.com/cometchat/cometchat-uikit-android)    |
</Accordion>

The CometChat Android UI Kit provides prebuilt, customizable UI components for adding chat, voice, and video calling to any Android app. Every component handles its own data fetching, real-time listeners, and state — so you drop it in and it works.

It ships in two flavors that share the same core (ViewModels, repositories, events), so you get identical behavior whichever you choose:

* **Jetpack Compose** — native Material 3 composables for modern, Compose-first apps.
* **Kotlin (XML Views)** — drop-in Views for existing XML layout–based apps.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-v7-feature-guides/m3wVV-INvzfZDpzS/images/4c141125-Instant_Messaging-3e86359342605c94dc912604de8f6617.png?fit=max&auto=format&n=m3wVV-INvzfZDpzS&q=85&s=545f15391f3d7d7eabf0ccc7fbc93660" width="1440" height="833" data-path="images/4c141125-Instant_Messaging-3e86359342605c94dc912604de8f6617.png" />
</Frame>

***

## Get Started

Every integration starts the same way — install the SDK, initialize, and log in — then you build the UI with your chosen toolkit. Start with the prerequisites, then pick a path:

<Card title="Prerequisites & Setup" icon="key" href="/ui-kit/android/v6/getting-started">
  App credentials, Gradle install, `init()`, and `login()` — shared by both toolkits
</Card>

<CardGroup cols={2}>
  <Card title="Jetpack Compose" icon="layer-group" href="/ui-kit/android/v6/getting-started-jetpack">
    Build your chat UI with native Material 3 composables
  </Card>

  <Card title="Kotlin (XML Views)" icon="file-code" href="/ui-kit/android/v6/getting-started-kotlin">
    Build your chat UI with drop-in XML Views
  </Card>
</CardGroup>

***

## Try It

See the UI Kit in action before you write any code:

<CardGroup cols={2}>
  <Card title="Google Play Demo" icon="play" href="https://link.cometchat.com/android-demo-app">
    Try the full chat experience on your device
  </Card>

  <Card title="Sample App" icon="code" href="https://github.com/cometchat/cometchat-uikit-android">
    Clone, add your credentials, and start building
  </Card>
</CardGroup>

Download the CometChat demo app from Google Play:

[<img src="https://mintcdn.com/cometchat-22654f5b-docs-react-v7-feature-guides/3YGZqdQSpF-gZg22/images/7f1e19fd-google-play-badge-f2deddb3d9c4b7c784e35f3a7794f994.png?fit=max&auto=format&n=3YGZqdQSpF-gZg22&q=85&s=736308be87c3cef2a7c48e75d0cf13f4" width="568" height="171" data-path="images/7f1e19fd-google-play-badge-f2deddb3d9c4b7c784e35f3a7794f994.png" />](https://link.cometchat.com/android-demo-app)

Or scan the QR code to install directly:

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-react-v7-feature-guides/3YGZqdQSpF-gZg22/images/844ec598-qr_code-3437240f18ec2f1548a04ebc93e8ce4e.png?fit=max&auto=format&n=3YGZqdQSpF-gZg22&q=85&s=6c2116da0999ad1fd1ce00e2863c7751" width="490" height="490" data-path="images/844ec598-qr_code-3437240f18ec2f1548a04ebc93e8ce4e.png" />
</Frame>

***

## Explore

<CardGroup cols={2}>
  <Card title="Components" icon="grid-2" href="/ui-kit/android/v6/components-overview">
    Browse all prebuilt UI components
  </Card>

  <Card title="Features" icon="comments" href="/ui-kit/android/v6/core-features">
    Chat, calling, AI, and extensions
  </Card>

  <Card title="Theming" icon="paintbrush" href="/ui-kit/android/v6/theme-introduction">
    Colors, fonts, dark mode, and custom styling
  </Card>

  <Card title="Guides" icon="book" href="/ui-kit/android/v6/guide-overview">
    Threaded messages, new chat, search, and more
  </Card>

  <Card title="Key Concepts" icon="lightbulb" href="/fundamentals/key-concepts">
    Essential terminology and platform features
  </Card>

  <Card title="Architecture" icon="sitemap" href="/ui-kit/android/v6/architecture-data-flow">
    How components, ViewModels, and data flow fit together
  </Card>
</CardGroup>

***

## Resources

<CardGroup cols={3}>
  <Card title="Sample App" icon="github" href="https://github.com/cometchat/cometchat-uikit-android">
    Working reference app
  </Card>

  <Card title="Figma" icon="figma" href="https://www.figma.com/community/file/1444324233177163609/cometchat-ui-kit-for-android">
    Design resources and prototyping
  </Card>

  <Card title="Migration Guide" icon="arrow-up" href="/ui-kit/android/v6/upgrading-from-v5">
    Upgrading from v5
  </Card>

  <Card title="Troubleshooting" icon="wrench" href="/ui-kit/android/v6/troubleshooting">
    Common issues and fixes
  </Card>

  <Card title="Support" icon="headset" href="https://help.cometchat.com/hc/en-us/requests/new">
    Open a support ticket
  </Card>
</CardGroup>