Free Fake Text Message Generator
Build a realistic iPhone text message mockup and download it as a PNG. Switch between blue iMessage and green SMS bubbles, add reactions, set Delivered or Read, and write both sides of the conversation. Free, no sign-up, and everything runs in your browser. For parody, mockups, and design comps only.
Build your iMessage mockup
For parody, mockups, education, and design comps only. Do not use this to impersonate real people, fake evidence, or mislead anyone about a real iMessage conversation.
Start Real Conversations on Your Site
You just designed a text message mockup. These free CommonNinja widgets turn messaging into an actual channel on your website, no code needed.
All In One Chat
One floating button, every channel. Let visitors reach you on WhatsApp, Messenger, Telegram, or email from whichever page they are already reading.
AI Chatbot
Answer the questions you get asked all day automatically, then hand the tricky ones to a real person before the visitor gives up and leaves.
Contact Form
Not everyone wants to chat live. A short form catches the rest, sends it straight to your inbox, and needs no code to set up.
Social Share Buttons
Make it one tap for visitors to share your page. Every share pushes the graphic you just made past your own audience.
Explore More Free Tools
Other free tools for social content and mockups.
Free Fake WhatsApp Chat Generator
Build a realistic WhatsApp-style conversation mockup with bubbles, ticks, and timestamps. Download a PNG.
Use Tool →Free Fake Telegram Chat Generator
Design a Telegram-style chat mockup in light or dark mode and export it as a clean PNG.
Use Tool →Free Fake Messenger Chat Generator
Create a Messenger-style conversation mockup with blue pill bubbles. Free, in your browser.
Use Tool →Free Fake Reddit Post Generator
Mock up a Reddit-style post with votes, awards, and a threaded comment section. Export a PNG.
Use Tool →Free Fake Tweet & X Post Generator
Create realistic X (Twitter) post screenshots with views, checkmark tiers, and bookmarks. Download a clean PNG.
Use Tool →Free Fake Facebook Post Generator
Mock up a Facebook post with reactions, shares, and a comment thread. Export a PNG.
Use Tool →Free Fake Instagram Post Generator
Design an Instagram post mockup around your own photo, with caption, likes, and comments.
Use Tool →Free Fake Instagram DM Generator
Build an Instagram DM mockup with gradient bubbles, heart reactions, and a Seen label.
Use Tool →Free Fake Snapchat Generator
Create a Snapchat chat mockup with colored side bars, a snap score, and a status on every row.
Use Tool →Free Text Behind Image Maker
Place bold text behind your subject in one click. Automatic cutout, no sign-up, all in your browser.
Use Tool →How It Works
How to make a fake text message screenshot
No account, no sign-up, completely free. The mockup renders live and the PNG is generated in your browser, so neither your text nor your image is ever uploaded to a server.
Write the conversation
Add a message, mark it as Them or You, and type the text. Reorder lines with the arrows and set a time on each one.
Pick blue or green
Choose blue iMessage or green SMS bubbles, set the contact name, upload a profile picture, and pick light or dark mode.
Download the PNG
Add a reaction, set Delivered or Read, then export a crisp 2x PNG ready for a slide, a storyboard, a landing page comp, or a meme.
Blue vs Green
The one detail that decides whether it looks real
Every other setting is craft. Bubble color is meaning. Anyone who has used an iPhone reads it without thinking about it, which is why getting it wrong is so obvious.
blue = iMessage, Apple to Apple · green = RCS or SMS, everyone else
A blue thread says both people are on iPhones and the message went over the internet. A green thread says the other person is on Android, or there was no data connection, so it went over RCS or as a plain carrier text.
One thing worth getting right, because most mockup guides still have it wrong: green no longer means feature-free. Since iOS 18, iPhones support RCS, the modern carrier standard that replaces SMS, and RCS threads still show green while carrying read receipts, typing indicators, and emoji reactions. So a green mockup with a Read line and a heart on a bubble is perfectly plausible today. It is only old-fashioned SMS and MMS, the fallback when RCS is unavailable, that has none of those features.
The other half of believability is consistency in the conversation itself. If the status says Read, the newest message should be one you sent. If the times jump two hours between a question and its answer, the reply should acknowledge the gap. Each of those details is small on its own, and each one is what a reader notices first when it is wrong.
Worth saying plainly: believable styling is for design work. It is never a reason to present a mockup as a real conversation. Keep it a graphic, label it when it matters, and invent every name and number in it.
Settings
Every setting, and when to use it
Seven controls shape the look of the export. This is what each one does and the job it is best suited to.
| Setting | What it does | Best for |
|---|---|---|
| Bubble color | Blue for iMessage, green for an RCS, SMS, or MMS text | The single most important switch here. Blue for iPhone to iPhone, green for Android Most used |
| Light theme | White background, light gray incoming bubbles, saturated outgoing bubbles | Blog posts, slide decks, and anything placed on a white page Most used |
| Dark theme | True-black background with near-black incoming bubbles, the way an OLED iPhone renders it | Reels, thumbnails, and product shots that need high contrast Situational |
| Reactions | A heart, thumbs up, thumbs down, laugh, or double exclamation stuck to a bubble corner | Showing agreement or a punchline without writing another line of dialogue Situational |
| Delivery status | Prints Sent, Delivered, or Read under the last message you sent | Carrying the story: Read then silence lands very differently from Delivered Most used |
| Typing indicator | Three dots in a bubble at the end of the thread | Cliffhanger mockups where the reply is still coming Situational |
| Status bar | Clock, signal bars, and battery across the top | Full phone-screenshot look. Turn it off for a cleaner card in a deck Situational |
Themes follow the common light and dark iPhone messaging palettes as of 2026. This tool is a generic design mockup and is not affiliated with, or endorsed by, Apple.
Use It Right
Good uses, and the two to never touch
A text message mockup is a design asset. These are the everyday jobs it is built for, and the uses that turn it into something else entirely.
| Scenario | What it is | Verdict |
|---|---|---|
| App and website mockups | Filler conversations in a product comp, an onboarding flow, or a messaging feature demo | Good use |
| Memes and skits | Clearly humorous exchanges between invented characters, the most common use by far | Good use |
| Storyboards and scripts | Visualizing a text-message scene for a video, an ad, or a class exercise | Good use |
| Safety and scam education | Showing students or staff what a phishing text looks like, with invented numbers | Good use |
| Faking evidence | Presenting a mockup as a genuine conversation in a dispute, a claim, or a court matter | Never |
| Impersonation or scams | Making it look like a real person, a bank, or a delivery company sent something they never sent | Never |
Avoid These
What gives a mockup away, and the line never to cross
Four of these are craft. The first two are not negotiable. Read them before you export anything that will leave your own screen.
Passing it off as real evidence
The one rule that matters more than every design tip here. A mockup is not a record of anything. Using one to back a claim, win an argument, or mislead an employer, a platform, or a court is fraud, not design.
Never present it as realUsing a real person or number
A real name, a real company, or a real phone number in the header turns a design comp into impersonation. Invent the contact instead. It costs nothing and keeps the mockup clean.
Invent the contactMixing up blue and green
This is the detail iPhone users spot instantly. Every bubble in one thread is the same color unless the conversation genuinely switched networks. A blue thread with one green reply reads as a mistake, not a story.
Keep one color per threadTimestamps that fight each other
Replies that arrive before the message they answer, or a thread that jumps hours between two sentences, break the illusion instantly. Keep the times moving forward in small steps.
Keep times in orderRead receipts on the wrong side
Delivered and Read only ever appear under a message you sent, never under one you received. If the status is the point of the shot, make sure the last message in the thread is outgoing.
Status is outgoing onlyWriting too formally
Real texting is short, lowercase, and a bit messy. Full paragraphs with perfect punctuation read as marketing copy, which is exactly what makes a mockup look staged.
Write how people textBest Practices
8 tips for a text mockup that lands
All CommonNinja widgets mentioned below are free to start. Apply these while you write the conversation and after you place the image.
01
Pick the bubble color first
Decide whether the story is iPhone to iPhone or iPhone to Android before you write a word. Blue and green carry meaning to anyone who has used an iPhone, and swapping later usually means rewriting lines.
02
Invent a plain, forgettable name
A generic first name and last name keeps the focus on the message text and keeps you away from anything that resembles a real contact.
03
Alternate sides unevenly
Real threads are lopsided. Two quick messages from one person, then a longer reply, reads far more true than a tidy back and forth on every line.
04
Use one reaction, not five
A single Tapback on the line that deserves it draws the eye exactly where you want it. A reaction on every bubble turns the thread into noise and looks nothing like a real screen.
05
End on the state you want to show
If the story is "they read it and went quiet", finish with an outgoing message and set the status to Read. If it is "they are answering right now", switch the typing indicator on instead.
06
Turn the status bar off for decks
The clock and battery sell a phone screenshot, but they add clutter in a slide. Drop them when the mockup sits inside another frame or a device image.
07
Move real messaging onto your own site
A mockup shows what a conversation could look like. One floating button can offer WhatsApp, Messenger, Telegram, and email so visitors reach you on whatever they already use.
Add All In One Chat free →08
Catch the people who will not chat live
Plenty of visitors would rather type once and get on with their day. A short contact form catches those, straight to your inbox, with no code to write.
Add a contact form free →Glossary
Text message terms, briefly
Seven terms that come up whenever you design an iPhone messaging screenshot. Useful if you make these for a team.
From the Blog
Further reading on chat and messaging
More from the CommonNinja blog. Free, no sign-up, just practical posts on talking to customers where they already are.
Building a Chat Application With Svelte and Firebase
In this article, we are going to discuss how to build a chat application with Svelte and Firebase.
Read article →10 Reasons Why a Chatbot Is Essential in an E-Commerce Store
In this article, we’ll explain why a chatbot is essential to an e-commerce store
Read article →How to Use Social Media to Drive Traffic to Your Website
In this article, we are going to discuss how to use social media to drive traffic to your website.
Read article →How to Promote Your Bracket Tournament on Social Media
In this article, we explore using social media to promote tournament brackets, discussing strategies for crafting...
Read article →Top WhatsApp Chat Button Widgets (Plugins) for Websites in 2026
In this article, we are going to discuss the top WhatsApp Chat Button widgets for your website. We’ll present a list of...
Read article →Top Telegram Chat Widgets (Plugins) for Websites in 2026
In this article, we are going to discuss the top Telegram Chat widgets for your website. We’ll present a list of...
Read article →