UI Kits
Flutter Chat UI Kit. Modular design. Ready to integrate.
Flutter chat experience, simplified
Three steps to add chat to your Flutter app
Pick your chat widgets, wire them into your app, and go live.
-
Pick the Flutter chat widgets required for your app
-
Each widget is fully integrated with CometChat logic, you don’t need to wire SDK calls or manage real-time state manually.
-
Modular design gives you freedom to chosse which widgets to use and how they appear
Step 2: Arrange your layout
Compose your chat experience with selected widgets
-
Arrange the selected widgets in a layout that feels native to your app.
-
Apply styling, theming, or customize to match your app’s design.
-
Works seamlessly across multiple frameworks.
Step 3: Deploy
Launch in-app chat in your Flutter app
-
Once your layout is ready, integrate the widgets into your screens and deploy..
-
You stay in control after launch. Update layouts, refine the UI, or adjust features as your app evolves.
-
Sync your user base with CometChat and deploy with confidence, knowing your in-app chat is built to scale.
Resources
Docs, tutorials, sample apps and more
Modular by design. Built for control.
Flutter chat widgets you can mix, match, and extend
Conversations widget
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 widget
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 widget
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
Widgets
Flutter chat library that users love
Open source UI Kits with the chat functions and features your audience loves.
Reactions
Threaded messages
Message composer
Presence Indicators
Read Receipts
Message Information
Unread Message Counts
Audio Recorder
Avatars
Integration Methods
Start with any integration method and scale to others as your needs evolve.
Widget Builder
A no-code chat builder for any platform, built for high-impact use cases that need real chat fast and flexible.
UI Kit Builder
A low-code chat builder that is fully customizable, easy to integrate, and scales with your product.
Chat SDKs
Open source SDKs and APIs for all popular frameworks to build bespoke chat experiences.
See the Flutter UI kit in action
Send messages, try reactions, and see how components work instantly, no coding required.