Mockaps Mockaps

iOS Messages
Mockup Generator.

Turn plain text into an iOS chat.
Edit messages live, add photos and animate the replies.

Preview device
Preview theme
LIVE PREVIEW
iOS Messages conversation with Jamie9:41JJamieiMessageToday 5:42 PMFound a little place fordinner. You in?Always. What’s the plan?Pasta, a window seat, nochecking emails.That last part sold it.See you at seven!Read 5:44 PMiMessage
MOCKAPS PRO

Take your conversation
into motion.

Your preview is free. Pro lets you download the finished MP4 for your stories, campaigns and presentations.

454 × 704 px

Every size is free. No watermark.

Keep an editable copy on your device. How it works

Pick up where
you left off.

Open a saved project, or paste one prepared by an AI assistant. It stays in your browser.

A conversation,
ready to edit.

Start your messages with You: and the other person’s with Contact: or their name. Indent a line to continue the same message.

Start a fresh mockup?

This resets the chat and removes its uploaded images from this local draft.

A FEW WAYS TO MAKE IT YOURS

iOS Messages chat examples.
A little inspiration to start.

A weekend plan. A little good news. A first look at something new. Start with a conversation below, then write it your way.

Classic iPhone Messages mockup with blue iMessage bubbles, a lakeside cabin photo, a Love tapback and a read receipt in light mode.

Mobile · iMessage · Photos

Finally, a plan for the weekend

A little cabin, a quiet lake and a plan coming together. Start with blue iMessage bubbles, a photo and a classic Love reaction.

Dark iOS Messages conversation mockup with blue bubbles announcing good news, a classic emphasis reaction and a typing indicator.

Mobile · Dark · Tapbacks

The text you’ve been waiting to send

Keep the words big and the moment simple. A dark iMessage conversation with an excited reply, a tapback and someone still typing.

Light iPhone text-message mockup with green outgoing bubbles, gray incoming messages and a short coffee invitation to Sam.

Mobile · Green bubbles · Text only

A small message. A better morning.

Make a casual catch-up feel familiar with green text-message bubbles. Edit the contact, timing and both sides of the conversation.

Wide light iOS Messages mockup with a sunlit ceramics photo, blue iMessage bubbles, a thumbs-up tapback and a delivered receipt.

Wide · Light · Creative preview

Share something you’re proud of

A wider conversation for a presentation or campaign. Share a first look at a collection, then change the photo and feedback to tell your own story.

Light iPhone Messages birthday conversation with a colourful bouquet photo, blue bubbles, a heart tapback and a read receipt.

Mobile · Light · Photo conversation

Let a thoughtful idea bloom

Plan a birthday surprise with a bouquet photo and a few warm words. Replace the photo, adjust its crop and make the conversation yours.

Wide dark iOS Messages mockup with separate studio desk and material-board photos, blue outgoing bubbles and a classic Ha ha reaction.

Wide · Dark · Two photos

Two ideas. One good conversation.

Bring two independent photos into a dark conversation. A starting point for creative feedback, with a classic Ha ha tapback and a read receipt.

Made with this generator. Sample brands, conversations and engagement counts are fictional.

A FRESH STARTING POINT

Make this one
your own.

Load “” into the editor? This replaces your current local draft. You can restore the previous draft from this section until you reload the page.

LET THE CONVERSATION BEGIN

Your words.
A familiar place.

01

Paste your conversation.

Use Paste conversation to turn plain text into message bubbles, or start with an example. Preview the speakers before applying it.

02

Edit it on the canvas.

Click a bubble to change its text live. Add photos and reactions, then choose blue or green bubbles and light or dark mode.

03

Animate or download.

Turn on Animation to play messages automatically with optional typing dots. Download PNG or JPG images free, or export an MP4 with Pro.

A FEW USEFUL DETAILS

Before you
make it yours.

Can I save a project or use content from an AI assistant?

Yes. Save project downloads an editable file with your settings, text and uploaded images. Open project restores it in the same tool, or lets you paste project JSON from an assistant. Review it before replacing your draft. Files are processed in your browser, not uploaded to your account.

Can I use the downloaded images commercially?

Yes. Images exported from these social and app mockup tools can be used in personal projects, social posts, presentations and client work without a Mockaps subscription or attribution. You still need permission for content you add. Platform names and logos belong to their owners; a mockup does not imply their endorsement.

Is this iOS Messages mockup generator free?

Yes. Customize your conversation and download PNG or JPG images at 1×, 2× or 3× for free, without an account or watermark. You can also preview message animations for free. Downloading an animated MP4 requires Pro.

Can I turn plain text into an iOS Messages mockup?

Yes. Choose Paste conversation below the download button. Start each message with You: or the other person’s name, such as Alex:. Choose Preview conversation to check the speakers, then Use conversation to turn the text into editable message bubbles. You can import up to 20 messages and add photos afterward.

Can I animate the conversation?

Yes. Turn on Animation above the preview and press Play. Messages appear automatically in order, with optional typing dots and natural scrolling. Adjust the pace, set pauses before individual replies, or choose a portrait, square or wide frame. Previewing is free. Pro exports a silent H.264 MP4 at 30 fps in 720p or 1080p. Videos can be up to three minutes long. Use an up-to-date Chrome, Edge or Safari for MP4 export.

What can I customize?

Change the contact name and photo, write both sides of the conversation, and add up to 20 text or photo messages. Choose blue or green bubbles, tapback reactions, timestamps, a read receipt and a typing indicator. You can also adjust the message font size, phone time, battery, connection and input bar.

Can I create green text-message bubbles as well as blue iMessages?

Yes. Use Conversation style at the top of the sidebar. Choose iMessage for blue outgoing bubbles or Text message for green ones. Incoming messages use the familiar gray bubbles. Both styles work in light and dark mode.

Can I edit messages directly in the preview?

Yes. Click a text bubble to type in it. The + buttons on the left add messages from your contact; the ones on the right add yours. Use the bar above the image to add photos, choose a colored reaction or delete a message. Clear chat gives you a blank conversation, with an option to undo.

Can I add more than one photo?

Yes. Select a message and choose Add photo above the preview, or choose + Photo inside Messages & photos. Each photo has its own upload and zoom controls. Drag the photo to position it. PNG, JPG and WebP files up to 8 MB are resized in your browser and embedded in the final download.

How do the presets work?

Choose Use this example from the gallery below. Confirm to load the messages, photos, colors and screen settings into the editor. You can restore your previous draft from the examples section until you reload the page.

Can I make the text bigger?

Yes. Screen appearance includes a message font-size control from 14 to 24 pixels. Bubbles wrap and the conversation grows to fit. For a wider presentation layout, choose Wide above the preview. Very long conversations may require a lower export resolution.

Where is my conversation saved?

Your latest draft is saved in this browser on this device, separately from the other mockup tools. It is not saved to your account. Large photo-heavy drafts may exceed browser storage; the editor will tell you if it cannot save.

Does it match the latest iPhone interface?

This tool uses the familiar, classic iOS Messages style rather than a specific current iOS release. It creates images and animated conversation videos for stories, campaign concepts and presentations. It does not send real messages or connect to an Apple account.

An independent tool by Mockaps. iPhone and iMessage are trademarks of Apple Inc. This tool is not affiliated with or endorsed by Apple.