Home
Softono
Chat-Messaging-App-Light-and-Dark-Theme

Chat-Messaging-App-Light-and-Dark-Theme

Open source Objective-C
1.5K
Stars
486
Forks
7
Issues
85
Watchers
1 year
Last Commit

About Chat-Messaging-App-Light-and-Dark-Theme

This Flutter-based Chat and Messaging App Template provides a complete, responsive user interface for building cross-platform messenger applications on Android and iOS. It features a robust dual-theme system supporting both light and dark modes seamlessly across all screens. The package includes 14 fully designed interfaces covering the entire user journey from onboarding to active communication. Key entry points include a splash screen, welcome page with skip functionality, and authentication flows covering sign-in, sign-up, phone validation via OTP, and password recovery or reset procedures. Core messaging features encompass a chat list with search capabilities, and a detailed message screen supporting text, audio, and video messages. Communication tools extend to integrated audio and video calling, with dedicated screens for making calls, viewing call history, and searching through past interactions. The application also manages social connectivity through contact lists with search functionality and a comp

Platforms

Web Self-hosted macOS iOS

Languages

Objective-C

Chat/Messaging App Light and Dark Theme - Flutter UI

Watch it on YouTube

Complete Source Code (Patreon only)

Packages we are using:

Today we gonna build messing/chat app #ui using #flutter that runs both Android and iOS devices also has a dark and light theme. We create in total 4 screens all of that support both Dark Theme and Light Theme. At first, we design a welcome screen that contains an image with a tag line also has a skip button. Once the user press, its transfers to the Sign-in or Sign-up screen. The last two screens are the main screen, Chats screens it shows the list of people you are chated with. At the end message screen which support text message, audio message, and video messages.

Complete UI Contains:

► Splash Screen ► Welcome Screen ► Sign in & Sign up ► Phone Validation (OTP) ► Forget Password ► Change Password ► Chats Screen ► Search Chats ► Message Screen ► Audio Call ► Video Call ► Contacts ► Search Contacts ► Call History ► Search on Call history ► Profile Screen ► Edit Profile

Chat/Messaging App Light and Dark Theme Final UI

Preview Preview

App UI App UI