iMessageiMessage mockups

Fake iMessage & text screenshot generator

Build an iOS Messages thread with the real bubble tails, the correct system blue, and the Delivered / Read line under your last message. Everything is editable in the preview.

Open the iMessage editorFree · no account · PNG and video

Start from an iMessage example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
iMessageiMessageFiction & humour

Mum found the report card

The slow-motion dread of a parent typing, stopping, then typing again.

Use this template
iMessageiMessageDating

The opener that actually worked

Proof that specificity beats 'hey' every time.

Use this template
iMessageiMessageFiction & humour

Autocorrect ruins a compliment

One letter changes everything, and the follow-up makes it worse.

Use this template

How to make an iMessage mockup

  1. Decide whether it's blue or green

    This is the first choice, not a detail: blue means iMessage between two Apple devices, green means SMS to something else. It changes what the screenshot is actually saying before a single word is written.

  2. Set up the header

    iOS stacks the avatar above the contact name and centres both, rather than laying them out in a row like Android messengers. Type the name, drop in a photo, and the header arranges itself.

  3. Type the thread

    Click a bubble and edit it in place. Tails are added automatically to the last message of each run and removed from the rest, and consecutive messages tighten the way iOS groups them.

  4. Add the Delivered or Read caption

    iOS never puts ticks on bubbles — it writes a small right-aligned caption beneath the final outgoing message. Set that message's receipt and the caption appears with it.

  5. Export at 1× free, 3× on Pro

    Save a PNG — 1x free, up to 3x on Pro — with or without the iPhone bezel. Transparent backgrounds are there too, which is what you want when the image is going into a slide or a video.

How the iMessage interface is put together

Our iMessage skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

System blue is not one colour

iOS uses one blue in light appearance and a brighter, cooler one in dark. Tools that hardcode a single value get dark mode subtly wrong. We switch with the phone's appearance, not the site theme.

The tail only appears once per run

A bubble gets its curled tail only when it is the last message from that sender. Consecutive messages are tail-less and tighten up, and that grouping is what makes a thread read as iOS.

Delivered and Read are a line, not a tick

iOS puts a small right-aligned caption under the last outgoing message: Delivered, or Read with a time. There are no per-bubble ticks, which is the most common mistake in iMessage mockups.

The text is larger than you think

iOS Messages sets body text noticeably larger than most mockup tools do. A thread a few points too small looks plausible on its own and obviously wrong beside a genuine screenshot.

The header stacks vertically

The contact avatar sits above their name, centred, with a small chevron - not the left-aligned row that Android messengers use.

Green means SMS

Blue is iMessage, green is SMS to a non-Apple device. Switching that colour changes the story your screenshot tells.

What people use iMessage mockups for

Questions about iMessage mockups

Can I switch between blue (iMessage) and green (SMS) bubbles?
Yes. The outgoing bubble colour is editable, so you can show either an iMessage thread or an SMS conversation with a non-Apple device.
Does it show Delivered or Read?
Yes. Set the last outgoing message's receipt and the caption appears underneath - Delivered, or Read with the time, exactly as iOS renders it.
Is this connected to Apple or iMessage?
No. Nothing here touches iMessage or any Apple service. It draws a picture of an interface in your browser and cannot send, read or alter a real message.
Can I edit the time and battery?
Yes - clock, battery percentage, wifi, signal and carrier are all editable, and the status bar can be hidden entirely.
Do exports have a watermark?
Free downloads carry a small SIMULATED label, and Pro removes it. You can also enable the label yourself if you are publishing where someone might mistake it for a real screenshot.
Is making a fake iMessage screenshot legal?
Laws vary by jurisdiction and use. Clearly fictional, disclosed mockups for design, teaching or fiction are generally lower risk, but no category is automatically legal. Impersonation, presenting a mockup as genuine, and using one as evidence violate our terms and may be unlawful.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to iMessage and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your iMessage mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the iMessage editor