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

# CometChat Builder For iOS

The CometChat Builder for iOS helps you deliver a complete chat experience quickly with prebuilt, customizable native UI. Configure features visually, export platform‑ready settings, and integrate them into your iOS app.

***

## Prerequisites

* Xcode (latest recommended)
* iOS 14+ target (or your project’s minimum supported iOS)
* Swift 5.7+ (or compatible Swift toolchain)
* CocoaPods or Swift Package Manager
* Internet connectivity (for CometChat services)

***

## Why Choose CometChat Builder?

* Rapid integration: Prebuilt native UI and generated settings.
* Customizable: Theme, typography, and features via configuration.
* Scalable: Backed by CometChat’s reliable chat infrastructure.
* Native UX: Components built for iOS.

***

## Setup Options

Choose one of the following paths to integrate:

* **Load settings via Builder (recommended)**: Use the CometChatBuilder package and load settings via JSON or live QR sync.

See: [Install the Builder package](/chat-builder/ios/integration#integration-with-cometchat-chat-builder-ios),

<CardGroup cols={2}>
  <Card title="Option 1: Load from JSON (no-code)" href="/chat-builder/ios/integration#option-1%3A-load-from-json-no‑code" horizontal>
    Configure settings quickly by importing a JSON file, no coding required.
  </Card>

  <Card title="Option 2: Load via QR Code (live Builder sync)" href="/chat-builder/ios/integration#option-2%3A-load-via-qr-code-live-builder-sync" horizontal>
    Sync settings directly from the Builder using a live QR code.
  </Card>
</CardGroup>

* **Start from the iOS Sample App**: Use the UI Kit sample to explore structure and patterns, then add the Builder package.

See: [iOS Sample App](https://github.com/cometchat/cometchat-uikit-ios/tree/v5/SampleApp)

***

## User Interface Preview

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-feature-react-native-sdk-quotedmessage-a/ez24jA9Q57bxQihV/images/preview-builder-ios.png?fit=max&auto=format&n=ez24jA9Q57bxQihV&q=85&s=505806d190dbfcbda20afa6591a64e43" width="3022" height="1716" data-path="images/preview-builder-ios.png" />
</Frame>

***

## Try Live Demo

Experience the CometChat Builder in action:

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

***

## Integration

Ship a ready‑to‑use chat experience configured in the Builder and powered by our iOS UI Kit.

**How It Works**

* Toggle features like mentions, reactions, media uploads, polls, and more.
* Export settings/styles and wire them into your iOS app.
* Iterate quickly without large refactors.

**Why It’s Great**

* Fastest setup with minimal wiring.
* Visual configuration for continuous customization.
* Reliable, pre‑assembled UI.

***

## Next Steps for Developers

1. Learn the basics — Key Concepts: [Key Concepts](/fundamentals/key-concepts)
2. Follow the setup guide — UI Kit Builder (iOS): [UI Kit Builder (iOS)](/chat-builder/ios/integration)
3. Customize UI — Theme and components: [Theme introduction](/ui-kit/ios/theme-introduction), [Components overview](/ui-kit/ios/overview)
4. Test & ship — Run on device/simulator and deploy.

***

## 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.

    View on GitHub
  </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.

    View on Figma
  </Card>
</CardGroup>

***

## Need Help?

* Developer Community: [http://community.cometchat.com/](http://community.cometchat.com/)
* Support Portal: [https://help.cometchat.com/hc/en-us/requests/new](https://help.cometchat.com/hc/en-us/requests/new)