> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.bitbybit.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add Circle Image Grid

Showcase product categories or collections in a streamlined format by adding a Circle Image Grid. This feature enhances the app's visual layout, making it easier for users to browse collections. Here’s how to configure it.

## **Step 1: Access your** [**bitApp dashboard**](https://app.bitbybit.studio/bitapp/design)

## **Step 2: Open the Circle Image Grid**

* Drag and drop the “Circle Image Grid” in your mobile mockup, then it will appear in the sidebar.

![](https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66d953e684c263906f2821d5_AD_4nXeus94KllSQ3ElIlNA_mD--fMW6duzL463nFKRmv1x8zYXdFoXavhXw50lzOmTSL41apTaB3mWXsjCh0oJirqHyBfO9AI-OU3uNEQtDeeO4H_QJcsF85fht6vbl3wP4U9qyF5tW-XKRwMBuxLNXxVTSnL8.png)

Drag and drop the “Circle Image Grid” in your mobile mockup‍

## **Step 3: Add a Grid title**

* Fill in “Grid Title” then click “+” to add a new image.

![](https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66d8233b665df650f7a2dfd4_AD_4nXcsQlWYl1r7OQ3qDMw6vnr1VhgD8SiFLDF-IyR8jTOIsqEYIYmMN_g4xv0qTDRZgvhHtmDqin1nHGRlEUUC_6W48hPBQNiQXZsilVdN54JvqiK6vYFlDpAdc_ADy6gN3w10j-T7Tp7csf-3jtiO0IHez2Du.png)

Fill in “Grid Title” then click “+” ‍

## **Step 4: Customize Image Settings**

* Customize “Scale” and “Rotate” to your liking then click “Save Changes”.

![](https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66d8233f59b33a09de6f053a_AD_4nXeTpwEB7JVpkcQDh5SthOM-rWUEmtkrzUexyohUI3pdoWB1ohpSLZ-R90U6rpK-56OFV48fIP_DauZaiUbXCzMHZS0Un9uoUYrw7Hrm55Rr78A7U18_nyTUYjKs_6sB3d8JWjyaqMn84_wW7rYU-gOqM6JS.png)

Customize “Scale” and “Rotate” then click “Save Changes”‍

## **Step 5: Assign a Destination Page**

* Fill in “Image Title” and choose “Destination Page” in the dropdown then click “Save”.

![](https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66d953e6c8e580037cee72e9_AD_4nXcOWQhOszhFbKUstt7NhWmO9ujiVuA_MYnnoggmiw4kZHVLmXQr37ejGvyApQx_e8upgOPasuhODJ_Yxl1ngl3mArfc5el4AByWbyXlFOgnpXtCMeUCcQBOpe41vW8gaPL0CC5HUeC0PMVDOVLS9G5eQb9c.png)

Fill in “Image Title” choose “Destination Page” then click “Save”