WhatsApp Chat Generator
Build multi-person WhatsApp conversation mockups.
Ada Lovelace
online
What is a WhatsApp Chat Generator?
A WhatsApp chat generator renders a mock conversation that looks exactly like a screenshot from the real app — same bubble shapes, same green and grey colours, same tick-mark delivery status, same header chrome. You compose each message in the sidebar, toggle sides ("them" vs "you"), set the timestamp and read status, and export a retina-quality PNG. Useful for presentations, tutorials, product mockups, comedy sketches, and UI design work.
Important ethical caveat. These mockups are for presentation and educational use only. Presenting a generated chat as a real conversation is misrepresentation, and in many jurisdictions can constitute defamation or fraud. Always label mockups clearly when sharing. If you're teaching readers how to spot fakes, that's fine (and tools like this exist partly to make that education possible). If you're trying to pass a mockup off as a real screenshot, stop.
Visual fidelity. Our renderer reproduces the iOS WhatsApp bubble geometry — tail on first-of-speaker bubble, continuation bubbles rounded without tail, tight vertical rhythm — plus the subtle patterned background (the faint diamond-grid you see behind every chat). The tick marks match WhatsApp's exact rendering: one grey tick for sent, two grey for delivered, two blue for read. Light and dark modes both included.
Avatar and presence. Upload a custom profile picture (stays in your browser — never uploads) and set the presence text to anything: "online", "last seen today at 09:12", "typing…", whatever fits your scenario. The contact name at the top of the header is freely editable.
Export. PNG at 3× pixel density for retina clarity. At that resolution the exported image looks genuinely native on modern screens and handles 4K zooming cleanly. The card's display size matches a real iPhone mockup at 380px, which reads well in blog posts, slide decks, and product screenshots.
Privacy. The chat composer, avatar upload, and export all run in your browser. Nothing is transmitted. Whatever you put in a message stays between your keyboard and your download folder.
How to generate a WhatsApp chat mockup
- Set the contact. Name, presence, optional avatar.
- Pick a theme: light or dark.
- Compose messages. Add each message, toggle side ("them" vs "you"), set time and read status.
- Reorder with up/down arrows as needed.
- Download PNG at retina resolution.
Features
- Faithful WhatsApp iOS rendering: bubbles, tails, patterned background.
- Light and dark themes.
- Per-message timestamp and delivery status (sent/delivered/read).
- Custom avatar and presence text.
- Retina-quality PNG export (3× pixel density).
- Runs entirely in your browser.
Frequently asked questions
- Can I use this for a real-looking prank or fake evidence?
- No. Presenting a generated chat as a real conversation is misrepresentation and in many jurisdictions is illegal under defamation or fraud statutes. Label mockups clearly when sharing.
- Does the avatar upload stay private?
- Yes. FileReader decodes it into a data URL in your browser tab; it's bundled into the exported PNG but never uploaded.
- Do the tick marks work like the real app?
- Visually yes. One grey tick = sent, two grey = delivered, two blue = read. Set per-message from the sidebar; it's fixed per message (the real app updates them live, but a screenshot is a single frozen moment).
- Can I add more than two people?
- Not yet. This tool models a one-on-one chat. Group chats are on the roadmap — drop us a note via contact if you'd like to prioritise.
- Why does the background have a subtle pattern?
- WhatsApp's default wallpaper has a faint diamond-grid texture. We reproduce it so the mockup reads as genuine rather than flat.