Free Fake WhatsApp Chat Generator
Build a realistic WhatsApp-style conversation mockup and download it as a PNG. Write both sides of the chat, set the contact name, ticks, timestamps, and light or dark theme. Free, no sign-up, and everything runs in your browser. For parody, mockups, and design comps only.
Build your WhatsApp chat mockup
For parody, mockups, education, and design comps only. Do not use this to impersonate real people, fake evidence, or mislead anyone about a real WhatsApp conversation.
This chat can be a live widget
See how →Start Real Conversations on Your Site
You just designed a chat mockup. These free CommonNinja widgets turn chat into an actual channel on your website, no code needed.
WhatsApp Chat
Put a real WhatsApp chat button on your website so visitors can message you in one tap, straight from the page they are already reading.
All In One Chat
One floating button, every channel. Let people reach you on WhatsApp, Messenger, Telegram, or email from a single widget.
AI Chatbot
Answer the questions you get asked all day automatically, then hand the tricky ones over to a real conversation with you.
Social Share Buttons
Make it one tap for visitors to share your page. Every share sends the graphic you just made further than your own audience.
Explore More Free Tools
Other free tools for social content and mockups.
Free Fake Telegram Chat Generator
Design a Telegram-style chat mockup in light or dark mode and export it as a clean PNG.
Use Tool →Free Fake Messenger Chat Generator
Create a Messenger-style conversation mockup with blue pill bubbles. Free, in your browser.
Use Tool →Free Fake Reddit Post Generator
Mock up a Reddit-style post with votes, awards, and a threaded comment section. Export a PNG.
Use Tool →Free Fake Tweet & X Post Generator
Create realistic X (Twitter) post screenshots with views, checkmark tiers, and bookmarks. Download a clean PNG.
Use Tool →Free Fake Text Message Generator
Build an iPhone text message mockup with blue iMessage or green SMS bubbles, reactions, and a Read receipt.
Use Tool →Free Fake Facebook Post Generator
Mock up a Facebook post with reactions, shares, and a comment thread. Export a PNG.
Use Tool →Free Fake Instagram Post Generator
Design an Instagram post mockup around your own photo, with caption, likes, and comments.
Use Tool →Free Fake Instagram DM Generator
Build an Instagram DM mockup with gradient bubbles, heart reactions, and a Seen label.
Use Tool →Free Fake Snapchat Generator
Create a Snapchat chat mockup with colored side bars, a snap score, and a status on every row.
Use Tool →Free Text Behind Image Maker
Place bold text behind your subject in one click. Automatic cutout, no sign-up, all in your browser.
Use Tool →Free Fake ChatGPT Generator
Build a ChatGPT-style conversation mockup in light or dark mode, with reasoning rows and code blocks.
Use Tool →Free Fake Gemini Generator
Design a Gemini-style AI chat mockup with a sparkle mark, bolded lead-ins, and a clean PNG export.
Use Tool →Free Fake Google AI Overview Generator
Mock up a Google AI Overview card with a search bar, bulleted answer, and cited source chips.
Use Tool →How It Works
How to make a WhatsApp chat mockup
No account, no sign-up, completely free. The mockup renders live and the PNG is generated in your browser, so neither your text nor your image is ever uploaded to a server.
Write the conversation
Add a message, mark it as Them or You, and type the text. Reorder lines with the arrows and set a time on each one.
Style the screen
Set the contact name and status line, upload a profile picture, pick light or dark, and switch the wallpaper, ticks, timestamps, and typing dots on or off.
Download the PNG
One click exports a crisp 2x PNG at a fixed phone width, ready for a slide, a storyboard, a landing page comp, or a meme.
The Details
What makes a chat mockup look real
A convincing chat screenshot is almost never about the colors. It is about the rhythm of the conversation and whether the small details agree with each other.
short lines + uneven turns + minutes apart = real rhythm
People text in fragments. They send two messages in a row, they answer late, and they rarely write a full paragraph. Copy that rhythm and the mockup reads as a screenshot. Write it like an email and it reads as a draft.
The other half is consistency. If the header says online, the last reply should be recent. If the delivery state says read, the newest message should be one you sent. Each of those details is small on its own, and each one is what a reader notices first when it is wrong.
Worth saying plainly: believable styling is for design work. It is never a reason to present a mockup as a real conversation. Keep it a graphic, label it when it matters, and invent every name in it.
Settings
Every setting, and when to use it
Six controls shape the look of the export. This is what each one does and the job it is best suited to.
| Setting | What it does | Best for |
|---|---|---|
| Light theme | Beige chat background, white incoming bubbles, pale green outgoing bubbles | Blog posts, slide decks, and anything placed on a white page Most used |
| Dark theme | Near-black background with deep green outgoing bubbles | Reels, thumbnails, and product shots that need high contrast Situational |
| Chat wallpaper | Faint patterned texture behind the bubbles | Screenshots meant to look like a real phone rather than a flat graphic Situational |
| Delivery ticks | One tick for sent, two for delivered, two tinted blue for read | Showing whether the last message landed, was delivered, or was read Most used |
| Typing indicator | Three dots in a bubble at the end of the thread | Cliffhanger mockups where the reply is still coming Situational |
| Status bar | Clock, signal bars, and battery across the top | Full phone-screenshot look. Turn it off for a cleaner card in a deck Situational |
Themes follow the common light and dark messaging palettes as of 2026. This tool is not affiliated with, or endorsed by, any messaging platform.
Use It Right
Good uses, and the two to never touch
A chat mockup is a design asset. These are the everyday jobs it is built for, and the uses that turn it into something else entirely.
| Scenario | What it is | Verdict |
|---|---|---|
| App and website mockups | Filler conversations in a product comp, an onboarding flow, or a chat feature demo | Good use |
| Support and sales training | Showing your team what a good customer reply looks like, with made-up names | Good use |
| Memes and skits | Clearly humorous exchanges between invented characters | Good use |
| Storyboards and scripts | Visualizing a chat scene for a video, an ad, or a class exercise | Good use |
| Faking evidence | Presenting a mockup as a genuine conversation in a dispute, a claim, or a court matter | Never |
| Impersonation or scams | Making it look like a real person, brand, or bank said something they never said | Never |
Avoid These
What gives a mockup away, and the line never to cross
Four of these are craft. The first two are not negotiable. Read them before you export anything that will leave your own screen.
Passing it off as real evidence
The one rule that matters more than every design tip here. A mockup is not a record of anything. Using one to back a claim, win an argument, or mislead an employer, a platform, or a court is fraud, not design.
Never present it as realUsing a real person or brand
A real name, a real logo, or a real phone number in the header turns a design comp into impersonation. Invent the contact instead. It costs nothing and keeps the mockup clean.
Invent the contactTimestamps that fight each other
Replies that arrive before the message they answer, or a thread that jumps hours between two sentences, break the illusion instantly. Keep the times moving forward in small steps.
Keep times in orderTicks on the wrong side
Delivery ticks only ever appear on messages you sent, never on the ones you received. This tool follows that rule, so keep the last message outgoing if the ticks are the point of the shot.
Ticks are outgoing onlyWriting too formally
Real chat is short, lowercase, and a bit messy. Full paragraphs with perfect punctuation read as marketing copy, which is exactly what makes a mockup look staged.
Write how people textThe wrong theme for the page
A light mockup on a white slide floats and a dark one on a dark reel disappears. Pick the theme for where the image will actually live, not for what looks nice in the editor.
Match theme to contextBest Practices
8 tips for a chat mockup that lands
All CommonNinja widgets mentioned below are free to start. Apply these while you write the conversation and after you place the image.
01
Invent a plain, forgettable name
A generic first name and last name keeps the focus on the message text and keeps you away from anything that looks like a real contact.
02
Alternate sides naturally
Real threads are lopsided. Two quick messages from one person, then a longer reply, reads far more true than a tidy back and forth on every line.
03
Step the timestamps by minutes
Set the first message a few minutes before the last. Same-minute replies across an entire conversation are the fastest way to spot a mockup.
04
End on the state you want to show
If the story is "they read it and went quiet", finish with an outgoing message and set the delivery state to Read. If it is "they are answering", switch the typing indicator on.
05
Turn the status bar off for decks
The clock and battery sell a phone screenshot, but they add clutter in a slide. Drop them when the mockup sits inside another frame or a device image.
06
Move real chat onto your own site
A mockup shows what a conversation could look like. A chat button starts the real one, from any page a visitor is already on.
Add WhatsApp Chat free →07
Give people every channel at once
Not everyone messages the same way. One floating button can offer WhatsApp, Messenger, Telegram, and email so visitors pick what they already use.
Add All In One Chat free →08
Label it as a mockup
In an article, a deck, or a pitch, one short caption noting the conversation is a design mockup removes any doubt and costs you nothing.
Glossary
Chat mockup terms, briefly
Six terms that come up whenever you design a messaging screenshot. Useful if you make these for a team.
From the Blog
Further reading on chat and messaging
More from the CommonNinja blog. Free, no sign-up, just practical posts on talking to customers where they already are.
Building a Chat Application With Svelte and Firebase
In this article, we are going to discuss how to build a chat application with Svelte and Firebase.
Read article →10 Reasons Why a Chatbot Is Essential in an E-Commerce Store
In this article, we’ll explain why a chatbot is essential to an e-commerce store
Read article →How to Use Social Media to Drive Traffic to Your Website
In this article, we are going to discuss how to use social media to drive traffic to your website.
Read article →How to Promote Your Bracket Tournament on Social Media
In this article, we explore using social media to promote tournament brackets, discussing strategies for crafting...
Read article →Top WhatsApp Chat Button Widgets (Plugins) for Websites in 2026
In this article, we are going to discuss the top WhatsApp Chat Button widgets for your website. We’ll present a list of...
Read article →Top Telegram Chat Widgets (Plugins) for Websites in 2026
In this article, we are going to discuss the top Telegram Chat widgets for your website. We’ll present a list of...
Read article →