Flutter chat UI kit: Ship beautiful chat features at lightning speed

Skip months of development with our pre-built, production-ready components that work out of the box for any chat scenario. Drop in our components, customize to your needs, and watch your chat experience come alive.

Trusted by

Modular architecture, maximum control

Every component, every style, every interaction—all customizable through our intuitive design system. Built for developers who want production-ready chat, without the complexity.

Conversations component

The command center of your chat experience

Display recent chats with rich context and instant updates.

  • Real-time unread counts, message previews, timestamps and read receipts


  • Smart filtering by type, tags, or custom criteria


  • Responsive design works across all screens

Messages component

Powerful and responsive chat interface

Enterprise-grade messaging that feels personal. Full-featured yet incredibly simple to implement.

  • Supports message threading with reply counts

  • Real-time typing and presence indicators


  • Customizable chat screen layout and styling

Users component

Help users find and start conversations instantly

The Users component provides an accessible list of all available users within your chat application.

  • Search and filter users dynamically


  • Presence indicators and profile avatars for visibility

  • Customize the list to show only friends or exclude certain users from the list

Chat bubble

Responsive message bubbles

Responsive message containers that handle any content type elegantly.

  • Support for text, videos, GIFs, stickers, and voice messages

  • Custom message templates for unsupported content and media formats

  • Automatic responsive sizing and built-in interaction states

Resources

Docs, tutorials, sample apps and more

Documentation

Implement seamlessly with our developer-friendly documentation.

Learn more

Sample apps

Get inspiration from our sample apps built with the Flutter UI kit.

Learn more

Tutorial

Follow our step-by-step guide to seamlessly integrate chat in your Flutter app.

Learn more

UI designs

View the source design files for our UI Kits directly on Figma

Learn more

Feature-packed flutter chat library

Everything you need for a modern chat experience, ready to use with zero configuration. Customize or extend based on your needs.

Reactions

Built-in emoji support with customizable reaction sets to match your app's personality.

Threaded messages

Keep conversations organized with intuitive message threading. Users can create and follow discussion threads without losing context of the main chat.

Message composer

Rich text editor with smart capabilities. Support for emojis, file attachments, and formatting, plus extensible for custom input types.

Presence Indicators

Real-time user status updates show who's online and active. Automatic presence detection with customizable status messages.

Read Receipts

Clear visual indicators show when messages are sent, delivered, and read.

Message Information

Detailed message context at a glance. Timestamps, sender info, and delivery status in a clean, customizable format.

Unread Message Counts

Smart unread counters that automatically track messages across conversations, with customizable badge styling.

Audio Recorder

Built-in recording with playback controls and automatic upload handling.

Avatars

Add profile pictures that adapt seamlessly from chats to user lists. Built-in support for images, initials, and presence indicators

The benefits

Why companies build with CometChat UI kits

Modern design

Modular UI components with the latest and most cutting-edge design for your chat interface.

Built-in business logic

Pre-built business logic and back-end workflows. Save your precious developer hours.

Easy customization

Simple and intuitive customization options to edit the pre-built UI kits.

Transparent codebase

Enjoy complete control and seamless integration with our transparent codebase.

Modular architecture

Easily scale chat functionalities or add new features as needed

7+ technologies

Supports all popular front-end technologies with consistent upgrades.

Implementation

Check out more implementation tools

No-code widget

Readymade widget to easily get started with chat for web apps with simple copy and paste.

  • Ship in-app chat in minutes

  • Toggle features On or Off

  • Customize color and theme

Learn more

SDKs and APIs

Open source SDKs and APIs for all popular frameworks to build bespoke chat experiences.

  • Fully customizable workflows

  • Build your own chat interface

  • Extend beyond core capabilities with ease

Learn more

See the React UI kit in action

Send messages, try reactions, and see how components work instantly, no coding required.