WhatsApp Chat Generator

Build a realistic fake WhatsApp conversation — the phone status bar, the contact header with an online/last-seen line, green and white bubbles with tails, per-message timestamps and sent/delivered/read ticks — and download it as a crisp SVG for a slide, a mockup, a help article or a meme.

Everything runs in your browser. Nothing you type and no photo you pick is uploaded anywhere.

How to use it

1. Type the contact name and a status line (online, typing…, last seen today at 09:12, or leave it empty to hide it). Upload a contact photo if you have one — initials are drawn otherwise.
2. Write the conversation, one message per line:
   • me: Just checked — it landed | 09:14 — your message, a green bubble on the right, timestamped 09:14.
   • them: Did the invoice come through? | 09:12 — the contact's message, a white bubble on the left.
   • --- TODAY — a centred date chip.
   • The | 09:14 suffix is optional; a line with no prefix is treated as the contact's.
3. Choose the receipt shown on your messages — blue double tick (read), grey double tick (delivered), single tick (sent) or none — plus light or dark appearance and the status-bar time.
4. Copy or download the SVG from the output panel.

Consecutive messages from the same person are grouped the way WhatsApp groups them: only the first bubble of a run gets a tail.

A real phone screen, not a growing canvas

The output is a fixed 390×844 frame — an actual iPhone's aspect ratio — instead of a canvas that stretches with however many lines you paste in. A short exchange leaves blank space above the input bar, exactly like opening a real chat; a longer one scrolls inside that same frame. Drag Scroll position to pick which part of a long conversation is visible: 0 shows the start, 100 the latest messages.

Settings that matter

• Receipt on your messages — the detail most fake screenshots get wrong. A blue double tick means read, a grey double tick means delivered-but-unread, and a single tick means sent but not yet delivered.
• Status line — online reads very differently from last seen yesterday at 23:40; pick the one your story needs.
• Appearance — dark mode uses WhatsApp's real dark palette (#0b141a wallpaper, teal outgoing bubbles), not an inverted light theme.

Why a script instead of "add message" buttons

The whole conversation lives in one text field, so it survives a shareable link, a saved preset, a paste out of a real chat export, and a plain API call. Editing message four is a click into a line rather than a hunt through a stack of form rows.

Why SVG and not JPG?

An SVG is resolution-independent — sharp in a 1080p slide and in a 4K screenshot, and only a few kilobytes. Import it directly into Figma, Keynote or Google Slides, or export it to PNG at whatever size you need.

Is this legal to use?

It's for mockups, parody, memes, tutorials and product screenshots. Presenting a generated image as a real conversation — as evidence, or to impersonate someone — is not what it's for and may be illegal where you live.

Related tools

• iMessage Chat Generator — the same script format, rendered as an iPhone Messages screen with blue/green bubbles.
• Fake Tweet Generator — a mock tweet card with avatar, verified badge and engagement counts.
• QR Code Generator — another SVG output you can drop straight into the same deck.