How to create a WhatsApp chat mockup in four steps
- Set the contact. Type the name into the Contact → Name field, write a status line such as
onlineorlast seen today at 20:14, and upload an avatar if you want one. Without an avatar, ChatMock draws a neutral grey initial circle, the same way WhatsApp does for contacts without a profile photo. - Write the conversation. Use + Alex or + Me to add messages. Each message can be flipped between the two sides with the sender toggle, reordered with the arrows, and given its own timestamp. Uploading an image turns that message into a photo bubble with a caption.
- Set the read receipts. For outgoing messages you can pick Sent (one grey tick), Delivered (two grey ticks) or Read (two blue ticks). This detail is what most mockup tools get wrong, and it is the first thing a viewer subconsciously checks.
- Export. Choose 1x, 2x or 3x and hit Download PNG. Exports are plain screen captures by default — a real screenshot never contains the phone body. Tick Phone frame only when you want a device-mockup look for a thumbnail, slide or composite design.
What makes a WhatsApp mockup actually look real
Most generators approximate the interface and hope nobody looks closely. WhatsApp users see this screen hundreds of times a day, so the tells are immediate: the wrong header, the wrong bubble colour, a tick that is the wrong shade of blue. On an iPhone the navigation bar is not green — it picks up the beige of the wallpaper, which is the single most-cloned mistake in WhatsApp mockups. Here are the values ChatMock uses, taken from the real app:
| Element | Light mode | Dark mode |
|---|---|---|
| Chat background | #efeae2 | #0b141a |
| Header bar (iPhone) | #efeae2 | #202c33 |
| Incoming bubble | #ffffff | #202c33 |
| Outgoing bubble | #d9fdd3 | #005c4b |
| Blue ticks | #53bdeb | #53bdeb |
| Timestamp / secondary text | #667781 | #8696a0 |
Three more details matter as much as colour. Bubble radius is 8px, not the 16–18px pill shape most clones use. Grouped messages lose their tail — only the first bubble in a consecutive run from the same sender gets the little corner notch, and its top corner is squared off where the notch sits. And bubbles cap at roughly 75% of the chat width; let them run wider and the screenshot instantly reads as fake.
Everything you can customise
- Contact name, status line and avatar photo
- Light or dark mode (both match the real app, not an inversion filter)
- Unlimited messages, reorderable, with per-message timestamps
- Read receipts: sent, delivered or read
- Image attachments with captions
- Date separator text (TODAY, YESTERDAY, or any label you need)
- Status bar: clock, carrier name, battery percentage and signal strength
- Optional iPhone-style phone frame with the notch
What a fake WhatsApp chat generator is — and what it isn't
People land on this page through different names: a fake WhatsApp chat generator, a fake WhatsApp conversation maker, a WhatsApp chat screenshot creator. They all describe the same tool — one that composes an image of a WhatsApp conversation without a real account, a real contact or a real phone. That is exactly what the editor above does: type the messages, set the ticks and timestamps, switch between light and dark mode, and download a finished PNG in seconds.
The word fake in that search describes the image, not the intent. A staged conversation is a prop — everyone watching the video or reading the slide understands it was composed, the same way they know a stock photo is not your office. What the word should never describe is an image presented as real correspondence. That distinction — not the technology — decides whether using a chat generator is harmless or harmful, and the section below shows what the harmless side looks like in practice.
What people use these mockups for
The honest answer: mostly legitimate, boring, creative work. YouTubers and TikTok creators use them to stage the setup of a story without doxxing a real conversation. Product designers drop them into wireframe presentations to show a messaging flow in a familiar shell. Teachers build dialogue exercises. Novelists and screenwriters draft scenes that play out over text. Support teams document what a good reply looks like without pasting a customer's real messages into a slide.
Where it crosses the line is intent. A mockup used to illustrate, parody or teach is fine. The same image used to make someone believe something happened that did not — to mislead a friend, to fake evidence, to impersonate a person or an institution — is not, and we do not want that traffic. Our Acceptable Use Policy spells out the boundary, and the tool itself refuses to be a bank-notice or legal-document factory.
Why it runs entirely in your browser
Two reasons. Privacy first: your conversation never travels to a server, so there is no database of other people's staged chats to leak. Speed second: rendering locally means the preview updates as you type, with no round trip, and the export is generated by your own GPU. The side effect is that you can load this page and then turn off your wifi — the generator keeps working perfectly.
Other generators
ChatMock is expanding one platform at a time, because a mockup is only convincing when the small details are right. Also live: the iPhone text message generator, the group chat generator and the Messenger chat generator. See the generator index for the full list.
For a deeper walkthrough of the details above, read the full WhatsApp chat screenshot guide on the blog.
Frequently asked questions
Is this WhatsApp chat generator really free?
Yes. Every feature on this page is free, and we do not put a watermark on your export. There is no signup, no email wall and no daily limit. You can also export at 1x, 2x or 3x resolution at no cost.
Do I need to install anything?
No. Everything runs directly in your browser tab using HTML and CSS — there is no app to download and no plugin to install. It works on Chrome, Safari, Firefox and Edge, on desktop and mobile.
Is my conversation uploaded to a server?
No. The mockup is rendered entirely on your device, and the PNG is generated locally and downloaded as a file. Nothing you type — names, messages or uploaded avatars — ever leaves your browser. You can verify this by opening the page and disconnecting from the internet; the generator keeps working.
What resolution can I export?
You can export at 1x (390px wide), 2x (780px) or 3x (1170px). For YouTube thumbnails, blog headers and slide decks, 2x is usually the right balance of sharpness and file size. Use 3x if the image will be printed or zoomed into.
Can I add images inside the chat bubbles?
Yes. Each message can carry an image attachment. Uploaded images are read locally with the FileReader API and displayed inside the bubble with WhatsApp's rounded corners, above any caption text you add.
Can I make group chats?
Yes — use the dedicated group chat generator. It supports multiple participants with the coloured sender names WhatsApp uses in groups, per-member names and timestamps, and the same export options as this page.
Is it legal to make a fake WhatsApp chat?
Creating a staged chat image for parody, teaching, design or storytelling is legal in most places and is exactly what this tool is for. Problems start when a fabricated conversation is presented as real — using one as evidence, to impersonate someone, or as part of fraud can be a crime in many jurisdictions. We keep the tool on the legitimate side: no bank, government or legal-notice templates, and a clear Acceptable Use Policy.
Can I use the mockups commercially?
Yes, for legitimate purposes: YouTube videos, client presentations, app store screenshots, course material, fiction and design work. You may not use them to deceive, defraud, harass, impersonate or fabricate evidence. See our Acceptable Use Policy for the full boundary.