Mobile Chat / Messaging Interface
A mobile chat screen with message bubbles, typing indicator, read receipts, and voice message UI.
Prompt
Create a mobile chat interface (375px): Top bar: back arrow, contact avatar+name+online status, video+call icons Messages: date separators, received bubbles (left, gray), sent bubbles (right, primary), image message, emoji reactions, timestamps, read receipts (double checkmarks, blue when read), typing indicator (animated dots) Bottom input bar: attachment icon, text input, emoji button, voice message button (hold to record), send button (appears when text entered), safe area padding Long press: emoji reaction row Dark mode, rounded bubbles, Tailwind CSS
Share:Share on X
More Mobile App UI Prompts
Featured
Mobile App Home ScreenA mobile-first app home screen with bottom tab navigation, greeting header, and content cards.
A 4-screen mobile onboarding with illustrations, swipeable carousel, and permission requests.