mobile_chat_ui

Install package

flutter pub add mobile_chat_ui

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A fully customizable modern chat UI designed for Android, iOS, and web developers using Flutter. It provides a sleek, responsive interface for real-time messaging with support for messages, avatars, timestamps, and message status indicators. The package is built with modularity in mind, allowing developers to easily customize themes, message bubbles, input fields, and animations. It integrates seamlessly into existing Flutter projects with minimal setup. Ideal for apps requiring dynamic, user-friendly chat experiences.

Use cases

Real-time messaging apps
Customer support interfaces
Social networking platforms
Group chat features
In-app communication tools

Key features

Fully customizable design
Support for multiple platforms
Real-time message rendering
Modular component structure
Built-in message status indicators

Suitable for

Flutter developers building chat features
Cross-platform messaging applications
Apps needing responsive UIs
Teams seeking rapid chat integration
Developers prioritizing customization

Considerations

Requires additional logic for backend integration
Custom styling may require Dart knowledge
Limited built-in typing indicators
No native voice or video call support
Depends on external state management for data flow

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Mobile Chat UI

A fully customizable modern chat UI for Android, IOS and web developers.

Getting Started

Requirements

Dart >=3.1.1 and Flutter >=3.13.3

First run the following command in your terminal:

flutter pub add mobile_chat_ui

Usage

import 'package:mobile_chat_ui/mobile_chat_ui.dart';

return Scaffold(
    appBar: AppBar(title: const Text("Chat Test")),
    body: Chat(
        user: loggedInUser,
        messages: messages,
        theme: DefaultChatTheme(userAvatarRadius: 12),
        authorDetailsLocation: AuthorDetailsLocation.bottom,
        hasInput: true,
        showUserAvatar: true,
    ),
);

Contributing

All contributions are welcome!

If you like this project then please click on the 🌟 it'll be appreciated or if you wanna add more epic stuff you can submit your pull request and it'll be gladly accepted 🙆‍♂️

or if you found any bug or issue do not hesitate opening an issue on github

Dependencies

Dependency list 11 items

Search packages, repositories and app categories