simpletool.io

iMessage Chat Generator

Mock iMessage threads with iOS-accurate styling.

Composer and export run in your browser — nothing uploads.
9:41
􀙇
AL

Ada Lovelace

􀆊
Just pushed the fix 👍
Tests passing?
Green across the board.
Read 9:42 AM
Perfect. Shipping now.

What is an iMessage Chat Generator?

An iMessage chat generator produces screenshot-ready mockups of an Apple Messages conversation, with the correct bubble shapes, blue-for-iMessage vs green-for-SMS colour coding, and iOS status bar. Presenters, writers, educators, and designers use these mockups for slides, explainer articles, product demos, and conceptual UI work where a real conversation isn't available or can't be shared.

Ethical note first. These mockups are for presentation, educational, and creative use only. Passing a generated chat off as a real one is misrepresentation and in many jurisdictions crosses into defamation or fraud. Label mockups clearly when sharing. If you're teaching people how to identify fake screenshots, this tool is part of that education — it should look convincing so the lesson lands.

Colour matters in iMessage. Blue bubbles are iMessage (iPhone to iPhone, via Apple's servers). Green bubbles are SMS/RCS (iPhone to Android, or fallback when iMessage is unavailable). The colour of the right-side bubble is a social signal — blue reads as "in the group", green reads as "outside the group." Our tool lets you toggle per-message, which is important because a realistic thread with a fallback SMS in the middle looks different from an all-iMessage thread.

Left bubbles (the other person) are always grey in light mode and slightly-blue-tinted grey in dark mode. The contact's messages are always the same colour regardless of iMessage vs SMS — that's by design in Apple's UI. Our renderer respects this.

Status bar fidelity. The top bar shows the current time and a battery glyph. Both are configurable (the 9:41 default matches Apple's canonical marketing time). A red battery appears under 20%.

Captions under bubbles reproduce the "Read 9:42 AM" / "Delivered" / "Sent as Text Message" annotations that iMessage shows under specific messages. Add them sparingly — Apple only shows read receipts under the last read message, not every one.

Privacy. The composer, contact details, and export all run locally. Your mockups never upload anywhere.

How to generate an iMessage mockup

  1. Set the chrome: contact name, time, battery percentage.
  2. Pick light or dark theme.
  3. Compose messages — add each side's messages, toggle blue vs green on yours.
  4. Add a caption (optional) like "Read 9:42 AM" under specific messages.
  5. Download PNG at retina resolution.

Features

  • Accurate iMessage bubble geometry and blue/green colour coding.
  • Light and dark iOS themes.
  • Configurable status bar (time, battery).
  • Per-message captions for read receipts and delivery annotations.
  • Retina PNG export (3× pixel density).
  • Runs entirely in your browser.

Frequently asked questions

Why is the bubble colour so specific (blue vs green)?
In iMessage, blue = iMessage (iPhone-to-iPhone via Apple's servers) and green = SMS or RCS fallback (typically to Android). The colour has social significance; our tool lets you mix both in one thread for realism.
Can I use this for satire or educational content?
Yes — satire, tutorials, and presentations are all legitimate. What isn't legitimate: passing a mockup off as a real conversation. Label mockups clearly when sharing.
Why does the status bar show 9:41?
9:41 is Apple's canonical marketing time — every iPhone product shot uses it. Great for mockups that should feel Apple-authentic. Change it in the sidebar if you'd rather not.
What's the export resolution?
3× pixel density. A 360px-wide card exports around 1080px wide, sharp enough for slide decks and retina blog heroes.
Does it support group chats?
This is a 1-on-1 chat renderer. Group chats are on the roadmap — send feedback if you want to prioritise.