Uwarp
9:41LTE
JJohniMessage

20 Sep 19:42

Hey! Are we still on for tonight?

Yeah! What time works for you?

How about 7?

Sounds good, see you there!

Delivered

iMessage

Help Us Improve

—

(—)

iMessage chat generator

Build a fake iMessage conversation with blue or green bubbles, then download a PNG. Local-first. No signup.

What is an iMessage generator?

An iMessage generator (fake iMessage conversation or iPhone text generator) lets you write a Messages-style thread and export it as a picture. Blue bubbles follow iMessage styling and green bubbles follow SMS. Use this free local-first mockup for posts and storyboards—it does not connect to Apple Messages and it is not a real phone export.

iMessage generator features

A local iPhone text mockup.

  • Blue or green bubbles

    Switch between iMessage blue and SMS green.

  • Light and dark

    Both screen themes, with a status time and contact header.

  • Delivered and times

    Optional Delivered line and per-message time labels.

  • PNG export

    Download or copy the chat picture. No watermark.

How to generate an iMessage chat

From lines of text to a PNG.

  1. Set the header

    Enter a contact name, status time, theme, and bubble color.

  2. Write the thread

    Add messages, choose Me or Them, and drop in a time label when you want a separator.

  3. Export the picture

    Download a PNG or copy it for a post, slide, or storyboard.

Tips for chat mockups

Cleaner fake conversations.
  • 01

    Keep lines short

    Real texts are usually one or two sentences. Long paragraphs look staged.

  • 02

    Use one time label per gap

    A separator reads best when the clock actually jumps, not on every bubble.

  • 03

    Match bubble color to the story

    Blue for Apple-to-Apple. Green when the other person is on SMS.

  • 04

    Label it as a mockup

    If you publish the image, make it clear the thread was composed, not exported from a phone.

Great for

When an iPhone text generator helps.

  • Social posts

    Illustrate a joke or story with a Messages-style frame.

  • Product mockups

    Show sample chat copy in a deck without a device screenshot.

  • Storyboards

    Sketch a support or onboarding thread before designing the real UI.

Why generate chats here

Fast local iMessage-style mockups.

  • Local-first

    Message text never leaves the browser for this tool.

  • Free

    Unlimited mockups with no signup and no watermark.

  • Both colors

    Blue iMessage and green SMS in light or dark.

  • Sharp PNG

    Export at 2× so bubble text stays crisp.

Technical notes

How this chat mockup is drawn.
Layout
A fixed-width Messages-style frame: status time, contact, bubbles, optional Delivered and input bar.
Colors
Light/dark screens. Outgoing blue #007AFF / #0A84FF or green #34C759 / #32D74B.
Export
html-to-image captures the frame as a 2× PNG.
Privacy
Client-side only—no network upload of the conversation.

Sources & References

Messages styling and image-capture references.
  • “iMessage is an instant messaging service developed by Apple Inc. and launched in 2011.”
    — Wikipedia — iMessage

    Wikipedia — iMessage: Background on the Apple Messages service this mockup visually echoes. This page is not affiliated with Apple. en.wikipedia.org/wiki/IMessage

  • “iMessages appear in blue text bubbles on your device.”
    — Apple Support — What is the difference between iMessage, RCS, and SMS/MMS?

    Apple Support — iMessage, RCS, and SMS/MMS: Apple documents blue bubbles for iMessage. This mockup also offers a green bubble style for SMS-style threads. Not affiliated with Apple. support.apple.com/en-us/104972

  • “Generates an image from a DOM node using HTML5 canvas and SVG.”
    — bubkoo/html-to-image

    html-to-image: Client-side capture used to download or copy the chat frame as PNG. github.com/bubkoo/html-to-image

Frequently Asked Questions

Quick answers about this tool—open a question to read more.