Chat-App UI

Flutter chat-app UI with multiple themes & light + Dark mode.

Screenshots

1. Welcome Page

118398104-c3100280-b674-11eb-9b81-c2e3b38d7ef6


2. Select your theme page

118398105-c3a89900-b674-11eb-90b9-8a5172426059


5. Sign Up & Chat Page

118398084-bab7c780-b674-11eb-8b55-82c78b1073ba


6. Chatting Page & Profile Page

118398085-bd1a2180-b674-11eb-8a15-e6fa691940eb


7. Actives & Stories

118398086-bdb2b800-b674-11eb-9a7b-f985cea0aa92


8. Message Requests & Search Section

118398089-bdb2b800-b674-11eb-95e5-50f9d14a78ff


9.Teal Theme

118398091-be4b4e80-b674-11eb-96f3-2597e3616826


10.Teal theme sign up & chat

118398093-bee3e500-b674-11eb-9acc-6dc9786301ae


11.Yellow theme

118398095-bee3e500-b674-11eb-98a6-5795f0b2e457


13. Purple theme

118399052-df15a300-b678-11eb-9074-95e0baee8838


12. Purple theme

118398096-bf7c7b80-b674-11eb-8325-2fdc3d71d0b0


Features

  • Light Mode + Dark Mode

  • 4 different color themes - pink/teal/yellow/purple

  • Inspired from messenger + whatsapp

It is open source so feel free to contribute, star & fork the repo if you liked it!

To use this app follow below instructions-:

    *

    Clone this app using below syntax -:

    git clone https://github.com/DevStack06/Whatsapp-Clone-Flutter.git

    After cloning install packages using below syntax -:

    flutter pub get

Above command will install all the neccery packges.

    * Run the app on your mobile using below command -:

    flutter run

GitHub

https://github.com/qwertypool/Messenger-whatsapp-UI-Flutter

Source: https://flutterawesome.com/flutter-chat-app-ui-with-multiple-themes-light-dark-mode/