CodeKitHubWhat Is This Tool?
The WhatsApp Chat Generator is a browser-based mockup tool that recreates the WhatsApp interface — the green message bubbles, blue double-checkmark read receipts, contact header with avatar and status, and the phone status bar — so you can type your own conversation and export it as a shareable image.
For entertainment and design use only: this tool is built for jokes, memes, skits, presentation slides, UI/UX prototypes and social media content. It must never be used to fabricate fraudulent evidence, harass or defame someone, or impersonate a real person's actual messages — doing so can be illegal (fraud, defamation or harassment, depending on your jurisdiction) and is strictly against the intended use of this tool.
Nothing you type ever leaves your device — the whole conversation is rendered with the HTML Canvas API directly in your browser, and the PNG is generated and downloaded locally. There is no server upload, no account and no tracking of your message content.
Why Use It?
- Create funny fake conversations for memes and social posts.
- Mock up chat-based UI concepts for an app or presentation.
- Illustrate a script, skit or story with a realistic chat screenshot.
- Prototype WhatsApp-style notification or messaging designs.
- 100% local rendering — your conversation text never touches a server.
How to Use
- Set the contact name, status text (e.g. "online") and avatar color.
- Add message rows: type the text, pick a side (them/me) and a timestamp.
- For your own messages, choose the read-receipt status — sent, delivered or read.
- Adjust the status bar (time, battery, signal) to taste.
- Watch the phone-shaped preview update live, then click "Download PNG" to save the image.
Example
Input
Contact: "Alex" · Status: "online" · Message 1 (them): "Are we still on for tonight?" · Message 2 (me, read): "Yes! See you at 8 😊"Output
A 375×812 PNG image showing a WhatsApp-style screen: green header with "Alex" and "online", a white/gray bubble on the left with the first message, and a green bubble on the right with the reply plus a small blue double-checkmark and timestamp.The image is generated instantly in the live preview canvas and downloads with a single click — no waiting, no upload.
What you can customize
- Contact name, status text (e.g. "online", "last seen today") and avatar color.
- Unlimited message rows, each with its own text, side (them/me) and timestamp.
- Read-receipt status per message you send: sent, delivered or read.
- Phone status bar: time, battery percentage and signal strength.
Responsible use
This generator exists to make it easy to create clearly fictional chat images for humor, storytelling and design work. It is not a tool for fabricating evidence, staging harassment, or misleading anyone into thinking a fake conversation is real. If you plan to share an image made with this tool, consider adding context (like "fake" or "mockup") so viewers understand it is not an actual conversation, especially when the subject could be mistaken for a real person or real events.
Frequently Asked Questions
Is it legal or ethical to use this tool?
The tool itself is legal to use for entertainment, mockups, presentations and design work. What is not legal or ethical is using the generated image to deceive someone — for example presenting it as a real conversation to commit fraud, to harass or defame a person, or to impersonate someone's actual messages. Depending on where you live, that kind of misuse can constitute fraud, defamation or harassment. Please only use this for clearly fictional or illustrative purposes.
Does the tool upload my messages anywhere?
No. Every message, name and setting you enter stays in your browser's memory and is drawn directly onto a canvas element using JavaScript. The PNG file is generated and downloaded on your device — nothing is ever sent to any server.
Can I control the read-receipt checkmarks (sent/delivered/read)?
Yes. Each message you send as "me" has its own status toggle: a single gray checkmark for sent, a double gray checkmark for delivered, and a double blue checkmark for read — matching WhatsApp's real visual style.
Can I upload a real photo as the avatar?
Not currently — the avatar is a simple colored circle with initials, generated automatically from the contact name. This keeps the tool simple and avoids any temptation to impersonate a real person using their actual photo.
What image size does it export?
The preview and exported PNG use a phone-screen aspect ratio (375×812 by default), which looks natural when shared on social media or embedded in a presentation.