Create realistic WhatsApp conversation screenshots for mockups, demos, tutorials, and entertainment — entirely in your browser.
- Faithful WhatsApp UI — status bar, chat header, doodle wallpaper, bubble tails, read receipts (✓ / ✓✓ / blue ✓✓), light & dark mode, iPhone and Android layouts
- Rich messages — emoji reactions, quoted replies, image attachments with captions, voice-note bubbles with waveform, large emoji-only messages, typing indicator
- Structure — date separators (
Today,Yesterday, …) and system notices (end-to-end-encryption line, missed calls, …) - Deterministic device chrome — configurable status-bar time and battery level, so the same chat always exports the same pixels
- Flexible export — PNG / JPEG / WebP at 1×–3× scale, or copy straight to the clipboard
pnpm install
pnpm dev # start the dev server
pnpm test # run the test suite
pnpm build # typecheck + production buildBuilt with React 19, TypeScript, Vite, and Tailwind CSS 4. Image export via html-to-image.
Everything runs client-side. Chats, images, and exports never leave your browser — there is no backend, no upload, no tracking.
This tool is for mockups, demos, education, and entertainment only.
- Do not use generated screenshots to deceive, defraud, impersonate, or harass anyone, to fabricate evidence, or to spread misinformation.
- Generated chats include an on-by-default watermark ("Fake chat — generated for illustration"). You can turn it off for legitimate creative work, but you remain responsible for how the images are used.
- Depending on your jurisdiction, using fabricated conversations to harm others can be illegal.
This project is not affiliated with, endorsed by, or connected to WhatsApp or Meta. "WhatsApp" is a trademark of its respective owner; the UI is imitated solely for illustration.
See ROADMAP.md for the market analysis and the phased feature plan (group chats, animated exports, persistence/sharing, i18n, and more).