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

# CometChat UI Kit For Flutter (V6)

> Use CometChat Flutter UI Kit V6 to add prebuilt chat widgets, calls, theming, localization, and customizable messaging experiences.

The **CometChat UI Kit V6** for Flutter is a major architectural evolution of the Flutter Chat UIKit. It provides the same robust set of **prebuilt UI widgets** that are **modular, customizable, and highly scalable**, now built on **clean architecture** with **BLoC state management** for better testability, maintainability, and performance.

***

## **What's New in V6?**

* **BLoC State Management** – Replaces GetX with flutter\_bloc for predictable, testable state.
* **Clean Architecture** – Every module follows `bloc/` + `data/` + `domain/` + `di/` layers.
* **No DataSource Decorator Chain** – Direct static method calls via `MessageTemplateUtils` replace the 10-layer decorator pattern.
* **Internalized Shared UI** – `cometchat_uikit_shared` is now part of the package, no separate dependency needed.
* **Faster Startup** – No extension registration or network calls at init time.

***

## **Why Choose CometChat UI Kit V6?**

* **Rapid Integration** – Prebuilt UI widgets for faster deployment.
* **Customizable & Flexible** – Modify the UI to align with your brand's identity.
* **Cross-Platform Compatibility** – Works seamlessly across iOS and Android platforms.
* **Scalable & Reliable** – Built on CometChat's robust chat infrastructure.
* **Testable** – BLoC pattern with `bloc_test` and `mocktail` for comprehensive testing.
* **Better Performance** – \~500-2000ms faster startup, no decorator chain overhead.

***

## **Integration**

### **UI Components (Assemble It Yourself)**

A collection of individual widgets—like conversation lists, message lists, message composer, etc.—each with built-in chat logic so you can customize every element.

**How It Works**

* Import the widgets you need from the UI Kit.
* Arrange them in your desired layout, applying styling or customization as needed.
* Each widget integrates with CometChat logic via BLoC and clean architecture layers.

**Why It's Great**

* **Flexible Design** – You control the final UI arrangement.
* **No Extra Overhead** – Implement only the features you need.
* **Modular** – Use exactly what you want, when you want.

[**Go to V6 Getting Started**](/ui-kit/flutter/getting-started)

***

## **Before Getting Started**

Before you begin, grasp the fundamental concepts and features offered by CometChat's APIs, SDK, and UI Kit. You can find detailed information in the [Key Concepts](/fundamentals/key-concepts) documentation.

To begin, please follow the [Getting Started](/ui-kit/flutter/getting-started) guide.

***

## **Next Steps for Developers**

1. **Learn the Basics** – [Key Concepts](/fundamentals/key-concepts).
2. **Follow the Setup Guide** – [V6 Getting Started](/ui-kit/flutter/getting-started)
3. **Customize UI** – Adjust styles, themes, and widgets.
4. **Test & Deploy** – Run tests and launch your chat app.

***

## **Helpful Resources**

<CardGroup>
  <Card title="Flutter Sample App">
    Fully functional sample applications to accelerate your development.

    [View on GitHub](https://github.com/cometchat/cometchat-uikit-flutter)
  </Card>

  <Card title="V5 to V6 Migration Guide">
    Upgrade from V5 to V6 with our step-by-step migration guide.

    [View Migration Guide](/ui-kit/flutter/upgrading-from-v5)
  </Card>
</CardGroup>

***

## **Need Help?**

If you need assistance, check out:

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