How to Use the Fake WhatsApp Chat Generator for iPhone

WhatsApp is one app with two faces. The iOS build and the Android build carry the same messages and draw them differently — different bubble shape, different header, different place for the timestamp, a different message bar at the bottom. Anyone who has used both can tell them apart in a glance, even if they could not tell you what the difference is.

That matters for a mockup. If you are showing a scam text to a room of iPhone users and your screenshot is clearly Android, every person in the room notices something is off before they read a word of it.

The WhatsApp chat generator draws both. This covers the iPhone side.

What changes on iOS

The header is centred

iOS puts the contact’s name and picture in the middle of the header, with a back chevron on the left. Android left-aligns the lot. It is the fastest way to tell two WhatsApp screenshots apart, and it is the thing a hand-made mockup usually gets wrong.

The bubbles are rounder

iOS bubbles have a larger corner radius and a different tail shape. Side by side the difference is obvious; alone it registers as “this looks right” or “something is odd about this”.

The timestamp sits inside the bubble

With the ticks beside it, bottom-right, inside the bubble rather than below it.

The message bar

iOS has a rounded field with a camera and a plus, and the send button appears only once you have typed. The composer is part of the picture, and getting it wrong undoes the rest.

The ticks do the work

This is the same on both platforms and it is the most information-dense thing on the screen:

• One grey tick — sent, not delivered. Their phone is off or has no signal.
• Two grey ticks — delivered, not read.
• Two blue ticks — read.

They are set per message, so one message can be read and the next one undelivered in the same thread. A conversation where somebody has clearly read a message and not replied is a completely different exchange from one where the message never arrived, and the ticks are the only thing on screen that says which.

Building the thread

Set the contact — name, avatar, and the status line underneath: online, typing…, or a last-seen time. Then write both sides. Each message is a card: Them or Me, the text, the time, the delivery state.

Beyond plain text you can add photos, voice notes with their own duration, call records, and date dividers between days. Use the dividers: two messages three days apart with nothing between them read as a fast conversation, which changes the meaning.

Then check the clock runs forwards. A reply timestamped before the message it answers is the most common fault in any chat mockup, and it happens when you insert a message in the middle and forget to fix the times around it.

Dark mode

Both themes use WhatsApp’s own wallpaper and bubble colours rather than an approximation. Dark is the more common setting and tends to read better on a projector.

How much is visible

The preview is one phone screen, and a long conversation runs off the top exactly as it does in a real screenshot. Build the ending you want to show.

Downloading

Tick the responsible-use box, choose 2×, 3× or 4×, press Generate. PNG, with a PDF option. 3× for slides, 4× for print.

Every chat download carries a faint “Not an original screenshot” line, repeated so a crop keeps at least one copy, and it cannot be removed. Chat screenshots are the format most often used to fabricate evidence of a conversation; posts and stories do not carry it, chat tools do. Separately there is a hidden origin mark the verification tool reads from the file as it was downloaded. Resizing it or re-saving it as a JPEG destroys that mark, so check the original rather than a copy that has been through a messaging app.

Common questions

Do I need an iPhone to make an iPhone mockup?

No. The platform switch changes what is drawn, not what you need to be holding. It works from any browser.

Is it free?

Yes, with no sign-up.

Can I switch to Android after I have written the thread?

Yes. The switch redraws the frame and keeps every message, so you can export the same conversation both ways — which is itself a useful exercise if the point is to show how much the interface shapes how a message reads.

Can I set blue read ticks?

Yes, per message.

How many messages can a chat hold?

Up to 50, with the end of the conversation showing in the frame.

Is anything sent to WhatsApp?

No. Nothing you write leaves your browser until you download — see the privacy policy.

What about iMessage rather than WhatsApp?

Different app: the iPhone text message generator draws iMessage on an iOS frame, including the blue-versus-green SMS distinction.

Also worth reading: the Android version of this guide, and responsible use.

Open the WhatsApp chat generator.