Openchat

OpenChat is free message App

Clay Morphism UI Design System

Soft coral + Purple (#8B5CF6) primary palette per your icon

Rounded 20px cards with soft elevation shadows

Smooth micro-animations and transitions

📱 Screens Implemented

Login Screen — Email/password with animated entry, security badge

Register Screen — 4-step flow: Email → OTP → Password (strength meter) → Profile

Home / Chats Tab — Messages + Groups tab bar with unread badges

Chat Screen — Real-time bubbles, sent/delivered/read status icons, typing indicator, auto-reply simulation, scroll-to-bottom

Contacts Screen — Alphabetical list + online users horizontal row, search

Groups Screen — Group tiles with member count, group detail bottom sheet

Profile Screen — Collapsible app bar with gradient, stats, settings sections, privacy toggles, logout

🔒 Key Features

Message status icons (✓ sent, ✓✓ delivered, ✓✓ blue = read)

Online/offline indicators with last seen

Unread badge counts on nav tabs

Pinned conversations indicator

Typing indicator animation (3 bouncing dots)

Password strength meter during registration

Group member overview

Full navigation with bottom bar