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

# Android UI Kit

> Prebuilt Android Views for chat, voice, and video calling. Supports Kotlin and Java with XML and Jetpack Compose compatibility.

<Note>
  🚀 **CometChat Android UI Kit v6 is now available!** It features a completely revamped component architecture and improved theming. [Try the v6 →](/ui-kit/android/v6/overview)
</Note>

<Accordion title="AI Integration Quick Reference">
  | Field        | Value                                                                                 |
  | ------------ | ------------------------------------------------------------------------------------- |
  | Package      | `com.cometchat:chat-uikit-android` v5.x                                               |
  | Peer deps    | `com.cometchat:chat-sdk-android` >=4.x, `minSdk` 24                                   |
  | Calling      | Optional — `com.cometchat:calls-sdk-android`                                          |
  | Localization | 19 languages built-in                                                                 |
  | Source       | [GitHub](https://github.com/cometchat/cometchat-uikit-android)                        |
  | AI Skills    | `npx @cometchat/skills add` — [GitHub](https://github.com/cometchat/cometchat-skills) |
</Accordion>

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

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-rn-guide-message-privately/_MYSdWhXnUkTkjEH/images/4c141125-Instant_Messaging-3e86359342605c94dc912604de8f6617.png?fit=max&auto=format&n=_MYSdWhXnUkTkjEH&q=85&s=ea314bc63185dde3da453141d788d612" width="1440" height="833" data-path="images/4c141125-Instant_Messaging-3e86359342605c94dc912604de8f6617.png" />
</Frame>

***

## Integrate with AI Coding Agents

Use [CometChat Skills](https://github.com/cometchat/cometchat-skills) to add chat to any Android project through your AI coding agent. The skill takes an AI-first approach — your agent has a short conversation with you to understand your project and chat requirements, then writes production-grade integration code tailored to the files you already have.

Works with Claude Code, Cursor, Codex, VS Code Copilot, Windsurf, Cline, Kiro, and [30+ more agents](https://github.com/cometchat/cometchat-skills).

```bash theme={null}
npx @cometchat/skills add
```

Use `--ide <name>` to target a specific IDE (e.g. `--ide cursor`), or `--ide all` to install for all supported IDEs.

Then in your IDE:

```
/cometchat add chat to my app
```

The skill detects your project structure, build system, and existing auth system. It onboards you to CometChat directly in the terminal — signup, login, and app creation all via the CLI. It reads your Activities, Fragments, and navigation before proposing a placement, shows the plan (which files it will create, modify, and leave untouched), and waits for your approval before writing code. Credentials are saved to `local.properties` and accessed via `BuildConfig`.

After the first integration, re-run `/cometchat` anytime to pick from the iteration menu:

* **Customize look & feel** — theme presets (slack / whatsapp / imessage / discord / notion) or your own brand color
* **Add a feature** — 40+ features including calls, reactions, polls, AI smart replies, file sharing, presence
* **Customize a component** — custom message bubbles, headers, composer actions, empty/loading states
* **Set up production auth** — replace the dev Auth Key with a server-side token endpoint
* **Set up user management** — server endpoints for creating/updating/deleting CometChat users
* **Run diagnostics** — verify, drift detection, symptom-to-cause lookup

***

## Try It

<CardGroup>
  <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

[<img src="https://mintcdn.com/cometchat-22654f5b-docs-rn-guide-message-privately/Gp90C5sdVtuRR4t7/images/7f1e19fd-google-play-badge-f2deddb3d9c4b7c784e35f3a7794f994.png?fit=max&auto=format&n=Gp90C5sdVtuRR4t7&q=85&s=598da752904cbd046fb9b0f54f8df316" 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-rn-guide-message-privately/Gp90C5sdVtuRR4t7/images/844ec598-qr_code-3437240f18ec2f1548a04ebc93e8ce4e.png?fit=max&auto=format&n=Gp90C5sdVtuRR4t7&q=85&s=17f74bba8b29478078a7211965c5f9cb" width="490" height="490" data-path="images/844ec598-qr_code-3437240f18ec2f1548a04ebc93e8ce4e.png" />
</Frame>

***

## Get Started

Follow the step-by-step integration guide to add the UI Kit to your Android project:

<CardGroup cols={2}>
  <Card title="Integration Guide" icon="rocket" href="/ui-kit/android/getting-started">
    Gradle setup, initialization, and login
  </Card>

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

***

## Explore

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

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

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

  <Card title="Guides" icon="book" href="/ui-kit/android/guide-overview">
    Threaded messages, new chat, search, and more
  </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="Source Code" icon="code" href="https://github.com/cometchat/cometchat-uikit-android">
    Full UI Kit source on GitHub
  </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="Troubleshooting" icon="wrench" href="/ui-kit/android/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>

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