> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# CometChat UI Kit Builder For iOS

> CometChat UI Kit Builder for iOS provides a pre-built interface to integrate a reliable, fully-featured chat experience.

The CometChat iOS UI Kit provides a pre-built user interface that developers can use to quickly integrate a reliable & fully-featured chat experience into an existing or new iOS app using **UI Kit Builder** configuration.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b/fMPnzFAmFCFD5fSa/images/preview-builder-ios.png?fit=max&auto=format&n=fMPnzFAmFCFD5fSa&q=85&s=62ce11b3640065bf7859392a6b205a8c" width="3022" height="1716" data-path="images/preview-builder-ios.png" />
</Frame>

***

## What is UI Kit Builder?

UI Kit Builder is CometChat's configuration system that allows you to customize chat features, UI components, and styling through a simple JSON configuration file. The configuration can be loaded into your app using a local JSON file.

***

## Builder Settings Categories

Your Builder configuration supports the following categories:

| Category                  | Description                             |
| ------------------------- | --------------------------------------- |
| Core Messaging Experience | Typing, media sharing, replies, etc.    |
| Deeper User Engagement    | Reactions, mentions, translation, polls |
| AI User Copilot           | Smart replies, summaries, starters      |
| Group Management          | Create/delete group, add members        |
| Moderator Controls        | Ban/kick/promote members                |
| Voice & Video Calling     | 1:1 and group calling support           |
| Layout & Styling          | Theme, typography, layout mode          |

***

## Try Live Demo

Experience the CometChat UI Kit Builder in action:

<CardGroup>
  <Card title="Launch Live Demo" icon="play" href="https://preview.cometchat.com/" />
</CardGroup>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Integration Guide" icon="code" href="/chat-builder/ios/integration">
    Step-by-step instructions to integrate the UI Kit Builder into your iOS project.
  </Card>

  <Card title="Builder Settings" icon="sliders" href="/chat-builder/ios/builder-settings">
    Complete reference of all configuration options available in CometChatBuilderSettings.
  </Card>

  <Card title="Customizations" icon="paintbrush" href="/chat-builder/ios/builder-customisations">
    Learn how to customize components and styling.
  </Card>

  <Card title="Directory Structure" icon="folder-tree" href="/chat-builder/ios/builder-dir-structure">
    Understand the organization of the exported Builder code.
  </Card>
</CardGroup>

***

## Helpful Resources

<CardGroup>
  <Card title="iOS Builder App" href="https://apps.apple.com/in/app/cometchat-builder/id6740586011">
    Experience the power of CometChat UI Kit with this interactive app
  </Card>

  <Card title="UI Kit Source Code" href="https://github.com/cometchat/cometchat-uikit-ios/tree/v5">
    Explore the complete iOS UI Kit source code
  </Card>

  <Card title="Figma Design File" href="https://www.figma.com/community/file/1444325479486807899/cometchat-ui-kit-for-ios">
    UI design resources for customization and prototyping
  </Card>

  <Card title="Create Support Ticket" href="https://help.cometchat.com/hc/en-us/requests/new">
    Get assistance from our support team with any questions or issues
  </Card>
</CardGroup>