A Messenger App UI using Flutter source code

A Messenger App UI using Flutter source code

Messenger

Messenger App UI with Flutter

Inspired by Chateo UI Kit – Messenger App design.

How to run

git clone https://github.com/swimmingkiim/messenger.git
cd messenger/messenger
flutter pub get
flutter run # with desired device

Notices

  • This UI implementation version of Chateo UI Kit – Messenger App design. There’s a bit different parts though.(no custom keyboard UI, no file, audio chat UI) This version is under MIT license. Feel free to use 🙂
  • Since it’s a UI implementation version, there’re no working features.
  • I’ll be working on full featured version with firebase.

Screenshots

Walkthrough

screenshot_walkthrough

Walkthrough – Phone Number

screenshot_walkthrough_phone_number

Walkthrough – Pin Number

screenshot_walkthrough_pin_number

Walkthrough – Profile Account

screenshot_walkthrough_profile_account

Contact

screenshot_contact

Chats

screenshot_chats

More

screenshot_more

Chat

screenshot_chat
screenshot_chat

Resources Used:

You can check out the entire code of this App here:

Get Full Source Code

View Github

Conclusion

This was all about a quick go through the basic flutter App UI Screen. If you need any assistance regarding flutter app development, you can consult a flutter developer from FlutterDesk. We would love to be of help. Still, if you feel any difficult while dealing with Flutter app development projects, you can reach out to us or hire Flutter developers to outsource any of your app development project.

Do like & share my Facebook page. if you find this post helpful. Thank you!!

Happy coding! 😉

Related Articles:

READ MORE

Scroll to Top