maratoolWhatsApp vs iMessage mockup
A side-by-side comparison of WhatsApp Chat Mockup Generator and iMessage Chat Mockup Generator.
WhatsApp and iMessage are the two most-used chat UIs to mock up, and they look different enough that picking the wrong one breaks the illusion. WhatsApp uses tear-drop bubbles, green-and-white branding, double check marks, and a tan/dark-grey wallpaper. iMessage uses smooth pill bubbles, blue-or-green branding (iMessage vs SMS), delivered/read receipts as small grey text, and a white or dark grey background.
Choose by audience. EMEA, LATAM, and South Asia skew WhatsApp; US/Canada and design teams targeting iOS users skew iMessage.
When to use WhatsApp Chat Mockup Generator
Use the WhatsApp mockup generator for screenshots aimed at WhatsApp-heavy markets, product demos of WhatsApp Business features, customer-service flow examples, or social-media posts targeting Latin America, India, or Europe.
When to use iMessage Chat Mockup Generator
Use the iMessage mockup generator for App Store screenshots, North American audiences, iOS-focused product demos, or any time you need the blue/green bubble distinction to signal "Apple device vs not".
Side-by-side comparison
| WhatsApp Chat Mockup Generator | iMessage Chat Mockup Generator | |
|---|---|---|
| Bubble shape | Teardrop with tail | Pill (rounded rectangle) |
| Sent bubble color | Light green (#DCF8C6) light / dark teal dark | Blue (iMessage) / green (SMS) |
| Received bubble | White / dark grey | Light grey / dark grey |
| Status indicators | Single ✓, double ✓✓, blue read | "Delivered" / "Read" small grey text |
| Wallpaper / background | Tan with doodle pattern (default) | Plain white / dark grey |
| Header | Avatar + name + last-seen / online | Avatar + name + status (typing…) |
| Audio / image previews | Inline with download icons | Inline, taller previews |
| Primary audience | EMEA, LATAM, South Asia | US, Canada, iOS users |
Bottom line
Pick by where your audience lives — WhatsApp for global, iMessage for US/iOS. The wrong one is immediately uncanny.
Frequently asked questions
Can I mix sent-blue and sent-green in iMessage mockups?
Yes — blue means iMessage (data, end-to-end encrypted), green means SMS fallback. Mocking both in one conversation reflects reality (mixed device groups) and is a useful visual cue.
Does WhatsApp show read receipts?
Yes — two blue check marks. Users can disable read receipts in settings, in which case sent messages show two grey checks even after reading. Both states are worth mocking depending on the story.
Should I mock the dark mode versions?
If your viewers are on dark mode, yes. Both apps have polished dark themes that look distinct from the light versions — a screenshot in the wrong theme stands out immediately.
What time format do these apps use?
WhatsApp uses HH:MM in the user’s locale (12 or 24 hour). iMessage shows "Today HH:MM" near the top with no per-message time unless the gap is large. Both formats are part of the look.