Mockup

iMessage Chat Generator

Details

How to use iMessage Chat Generator

What the tool does, how to run it, and what to expect from the result.

How to make a mock iMessage conversation image

Type the conversation into the text box, one message per line, prefixing your own messages with the > character. The canvas redraws as you type, laying out the bubbles in iMessage's blue and grey and wrapping long messages inside a bubble that is at most 70 percent of the frame width.

The output is a PNG for mockups, illustrations, and presentations. It has no timestamps, no read receipts, and no contact header, and it is not intended to be, and cannot honestly be used as, a record of a real conversation.

  • Write one message per line in the text box.
  • Prefix a line with > to make it your own blue bubble on the right.
  • Leave lines without the prefix to make them grey received bubbles on the left.
  • Watch the preview redraw as you type; blank lines are ignored.
  • Click Download PNG to save the image for your mockup, slide, or documentation.
Tips

Getting a better result out of iMessage Chat Generator

Specific settings and thresholds, not general advice.

  • The syntax is one message per line, and a line beginning with the > character is rendered as your own blue bubble on the right. Everything else becomes a grey received bubble on the left. Blank lines are ignored.
  • This is a mockup, not a forgery. Passing a generated conversation off as a real screenshot in a dispute, a workplace complaint, a court filing, or a news story is fabricating evidence, and every jurisdiction treats manufactured evidence as a serious offence.
  • The image will not survive scrutiny anyway, and that is by design. There are no timestamps, no delivered or read receipts, no contact header, no avatars, no bubble tails, and no status bar. Anyone who looks at it next to a real screenshot will see the difference immediately.
  • The colours are the recognisable iMessage pair (a blue #0b93f6 for sent and a grey #e5e5ea for received on white), but the typeface is your system's default UI font rather than the SF Pro that iOS actually uses, so the type will not match on any non-Apple device.
  • The canvas renders 480 points wide at 2x, so the exported PNG is 960 pixels across, which is plenty for a slide, a mock-up, a tutorial, or an app store screenshot and short of a real iPhone screenshot's width.
Limits

What iMessage Chat Generator does not do

The honest boundary, so you do not lose time finding it yourself.

  • No timestamps, read receipts, delivery status, typing indicator, or reactions.
  • Text only. There are no image attachments, no emoji reactions on bubbles, and no link previews.
  • No contact name, avatar, or phone status bar, so the mockup is a bubble stack rather than a full screen.
  • The font is your system UI font, not the real iOS typeface, so the rendering is a resemblance rather than a match.
At a glance

Who iMessage Chat Generator is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

Designers, content creators, and anyone making chat mockups for fun or demos.

Ideal for

Mocking up a iMessage conversation for a design, story, or joke.

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

Can I use this to prove someone said something?

No. It generates a picture of a conversation you typed, and it has no connection to any real message. Presenting it as evidence would be fabrication, which is a criminal matter, and it would not hold up in any case because the render lacks every forensic detail a real screenshot has.

What are the legitimate uses?

Product mockups, app store screenshots, tutorial and documentation illustrations, presentations, UI design comps, memes and jokes among people who know it is a joke, and any case where you need to show what a conversation might look like rather than what one was.

How do I control who says what?

Start a line with the > character for your own message, which renders as a blue bubble on the right. Any line without it becomes a grey received bubble on the left. One message per line.

Can I add times or a contact name at the top?

No. The render is bubbles only. There is no header, no timestamp, and no status bar, which keeps the result honestly short of looking like a real screenshot.

Is my conversation text sent anywhere?

No. The whole thing is drawn on an HTML canvas in your browser and exported as a PNG from your own tab. The text is never transmitted.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon