> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-chore-codeowners-swapnil-to-jitvar.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# How To Add UIKit Module?

> How To Add UIKit Module? — CometChat documentation.

To add UI Kit module developer will need to follow the three basic steps.

Step 1- Download [UI Kit](https://github.com/cometchat-pro/ui-kit/android) library from Github

Step 2- To add **uikit** module developer needs to follow few steps:

a. Right-click on **an app** and go to **Open Module Settings**

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-chore-codeowners-swapnil-to-jitvar/ocmhvQ146AoLQQy_/images/165d7f4e-1637063973-47a556063327eb6a8b08bdb73318e695.png?fit=max&auto=format&n=ocmhvQ146AoLQQy_&q=85&s=2cfe562a26b3c74b337c2adf220b1ba4" width="1008" height="600" data-path="images/165d7f4e-1637063973-47a556063327eb6a8b08bdb73318e695.png" />
</Frame>

b. Click on **+** and select **Import Gradle Project** from Create New Module Window and click **Next**.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-chore-codeowners-swapnil-to-jitvar/dO7mYGlmnN4b9wsx/images/53c38405-1637063990-03f822a9dc94a1a7c7e760e7046541ad.png?fit=max&auto=format&n=dO7mYGlmnN4b9wsx&q=85&s=4780770821519c80650c4e339543bde5" width="896" height="676" data-path="images/53c38405-1637063990-03f822a9dc94a1a7c7e760e7046541ad.png" />
</Frame>

c. After that developer has to enter the path of **uikit** which he/she has downloaded and click on **Finish**.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-chore-codeowners-swapnil-to-jitvar/SmhtFiUEpsXP3yom/images/0128d7c4-1637064030-6c796522c0579f3192d8988627dd1265.png?fit=max&auto=format&n=SmhtFiUEpsXP3yom&q=85&s=f0b1753aaadc9a0a2ec70c53077b5dd1" width="950" height="500" data-path="images/0128d7c4-1637064030-6c796522c0579f3192d8988627dd1265.png" />
</Frame>

Step 3- After following these steps **uikit** is successfully added in the project. Now to integrate the **uikit** in project developer can either copy and paste the following in (app level) `build.gradle`.

<Tabs>
  <Tab title="build.gradle (app level)">
    ```gradle theme={null}
    implementation project(path: ':uikit')
    ```
  </Tab>
</Tabs>

If the Library is added successfully, it will look like mentioned in the below image.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-chore-codeowners-swapnil-to-jitvar/SP7qGNXkTv0y4Nqv/images/92066be8-1637064130-8b9ecfdf0bec299e4fb7aa1942674510.png?fit=max&auto=format&n=SP7qGNXkTv0y4Nqv&q=85&s=c494d80022257ee2127c1ee2d4ac7d3c" width="409" height="354" data-path="images/92066be8-1637064130-8b9ecfdf0bec299e4fb7aa1942674510.png" />
</Frame>

***Next Steps** [Configure UI Ki](/ui-kit/android/v3/overview#configure-android-java-ui-kit-library)t*