WhatsAppWhatsApp mockups

Fake WhatsApp chat & screenshot generator

Build a WhatsApp conversation that looks exactly like the real interface — right down to the doodle wallpaper, the blue read receipts and the way typing shows in the header. Edit everything directly in the preview, then export a PNG.

Open the WhatsApp editorFree · no account · PNG and video

Start from a WhatsApp example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
WhatsAppWhatsAppGroup chats

Four photos and a verdict

An album tiled inside one bubble, then a reply quoting it. Two of the things a real thread does that a single-photo mockup cannot.

Use this template
WhatsAppWhatsAppFiction & humour

The wrong-number pizza order

A stranger keeps insisting you owe them for a pizza. Escalates politely, then not so politely.

Use this template
WhatsAppWhatsAppScam awareness

Three calls, none answered

Two missed calls and one you placed back, with the message that explains all three. The shape a thread takes when somebody could not reach you.

Use this template

How to make a WhatsApp mockup

  1. Start from an example, or from nothing

    Loading one of the WhatsApp scenes above fills in the contact, the messages and the timings, which is almost always faster than typing a thread from scratch. An empty editor is one click away if you'd rather.

  2. Set the contact and the chat type

    Type the name, add a photo if you want one, and write the presence line underneath — online, last seen today at 9:41, or leave it blank. Switch to Group and sender names appear above each run in WhatsApp's participant colours.

  3. Write the conversation

    Click any bubble in the preview and type straight into it. Each message carries its own sender, time and tick state, so one thread can mix a grey single tick, grey doubles and blue doubles exactly the way a real one does.

  4. Fix the details people check first

    Clock, battery, wifi, signal bars and carrier are all editable, and the date divider follows whichever date you pick. These are the things a sceptical viewer looks at before they look at the words.

  5. Export a PNG

    Download at 1× free or up to 3× on Pro, with or without the device bezel, and optionally on a transparent background. Free downloads carry the Simulated label; if you are publishing somewhere it could be mistaken for real, leave it on.

How the WhatsApp interface is put together

Our WhatsApp skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

The wallpaper is a doodle, not a flat colour

The single biggest tell in a bad WhatsApp mockup is a flat beige panel. The real app tiles a faint doodle pattern — hearts, cameras, cups, music notes — over the warm beige. We render it as a tiled SVG, so it stays crisp all the way up to the 3× Pro export instead of turning to mush.

Ticks carry three distinct states

One grey tick is sent, two grey ticks delivered, two blue ticks read. Getting this wrong is instantly noticeable to anyone who uses the app. Each message in the editor carries its own state, so a thread can mix them the way a real one does.

Typing appears in the header, never as a bubble

Lots of mockup tools show a three-dot bubble in the thread. WhatsApp does not do that — it replaces the contact's presence line under their name with “typing…”. We match the real behaviour.

The timestamp sits inside the bubble

Time and ticks float bottom-right inside the bubble, and the text reserves space so it never collides with them. On a short message the bubble widens to fit the meta row — a detail that looks wrong the moment it is missed.

Run grouping changes the corners

Consecutive messages from the same sender tighten up, and only the first bubble of a run gets the squared-off top corner. This is what gives a real thread its rhythm.

Group chats colour the sender name

In a group, each participant's name appears above their first bubble in one of WhatsApp's accent colours, assigned consistently from the name. Toggle Group in the editor and it appears automatically.

What people use WhatsApp mockups for

Questions about WhatsApp mockups

Is this connected to WhatsApp in any way?
No. Nothing here touches WhatsApp. The tool draws a picture of an interface in your browser — it cannot read, send or alter a real message, and it has no access to any account. Every name and message on screen is one you typed yourself.
Do I need an account?
No. The whole editor and PNG export work without signing up. An optional account only exists so you can save projects and come back to them later.
Does the export have a watermark?
Free downloads carry a small SIMULATED · socialmock.com label, and Pro removes it. There is also an optional “Simulated” label you can switch on in the export settings if you are publishing somewhere a viewer might mistake the image for a real screenshot.
Can I change the time, battery and signal?
Yes. The status bar is fully editable — clock, battery percentage, wifi, signal bars and carrier name. You can also hide the status bar or home indicator entirely.
Can I make a group chat?
Yes. Switch the chat type to Group and sender names appear above each run of messages, coloured the way WhatsApp colours participants.
What resolution does it export at?
1× free, and up to 3× on Pro — 1074 × 2160 pixels for the phone screen, enough for print and for retina displays. You can also export with or without the device bezel, and on a transparent background.
Is it legal to make a fake WhatsApp screenshot?
Laws vary by jurisdiction and use. Clearly fictional, disclosed mockups for design, teaching or fiction are generally lower risk, but no category is automatically legal. Impersonating a real person, presenting a mockup as genuine, or using it as evidence violates our terms and may be unlawful.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to WhatsApp and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your WhatsApp mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the WhatsApp editor