Skip to main content
Version: v5

CometChat UI Kit for Flutter

The CometChat UI Kit for Flutter is a powerful solution designed to seamlessly integrate chat functionality into applications. It provides a robust set of prebuilt UI widgets that are modular, customizable, and highly scalable, allowing developers to accelerate their development process with minimal effort.

Why Choose CometChat UI Kit?​

  • 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 for enterprise-grade performance.

User Interface Preview​

Image

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 our UI Kits.
  • Arrange them in your desired layout, applying styling or customization as needed.
  • You don't need to rewrite the SDK calls yourself—each widget already integrates with CometChat logic.

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 Flutter UI Docs

Before Getting Started​

Before you begin, it's essential to grasp the fundamental concepts and features offered by CometChat's APIs, SDK, and UI Kit. You can find detailed information in the Key Concepts documentation.

You can start building a modern messaging experience in your app by installing the new UI Kit. This developer kit is an add-on feature to CometChat Flutter SDK so installing it will also install the core Chat SDK.

To begin, please follow the Getting Started guide.

Next Steps for Developers​

  1. Learn the Basics – Key Concepts.
  2. Follow the Setup Guide – Flutter Integration Guide
  3. Customize UI – Adjust styles, themes, and widgets.
  4. Test & Deploy – Run tests and launch your chat app.

Helpful Resources​

Explore these essential resources to gain a deeper understanding of CometChat UI Kits and streamline your integration process.

🚀 Flutter Sample App

Fully functional sample applications to accelerate your development.

View on GitHub

📦 UI Kit Source Code

Access the complete UI Kit source code on GitHub.

View on GitHub

💡 Need Help?​

If you need assistance, check out: