CodeKitHubWhat Is This Tool?
This tool renders a live preview styled like an iPhone iMessage conversation, with blue bubbles for messages you send and gray bubbles for messages you receive.
Set a contact name, then add messages one at a time, choosing whether each one was "Sent by Me" or "Received."
The preview updates instantly as you add or remove messages, so you can build the exact conversation you want before saving it.
Why Use It?
- You're editing a "text story" style video for TikTok or YouTube Shorts and need a realistic multi-message exchange to screen-record scrolling through, instead of trying to fake it with a real messages app and a burner conversation.
- You're writing a comedy sketch or meme built around a specific fictional text exchange, and want it to look like a genuine iMessage screenshot rather than a plain graphic with text boxes stacked on top.
- You're building a presentation slide or blog post that needs an example conversation screenshot — a customer support scenario, a UX case study — without using a real person's actual messages.
- You want to plan out a prank text conversation with a friend who already knows it's staged, and need a realistic screenshot to set up the joke before sending it.
- You want to add, delete, and reorder messages freely until the conversation reads naturally, then just screenshot it yourself with no account, upload, or watermark involved.
How to Use
- Enter a contact name in the "Contact Name" field.
- Type a message, choose "Sent by Me" or "Received," and click "Add Message."
- Repeat to build out the full conversation, using "Delete" to remove any message you don't want.
- Once the preview looks right, use your system's screenshot tool to save it as an image.
Example
Input
Contact: Alex — "Hey, are we still on for tomorrow?" (Received), "Yes! See you at 6" (Sent by Me)Output
A two-message iMessage-style conversation preview with a gray received bubble and a blue sent bubble, ready to screenshot.The preview updates live as you add messages, so you can review the full conversation before saving it.
How the conversation is built
Each message you add appears in the live preview as a styled chat bubble.
| Message Type | Bubble Style |
|---|---|
| Sent by Me | Blue bubble, right-aligned |
| Received | Gray bubble, left-aligned |
Related tools
For more text and content tools, try these.
→ Random Sentence Generator · Conversation Starter Generator · Bubble Text Generator
Getting the screenshot to look natural
A mockup conversation reads as more believable when the surrounding details match how a real text thread actually looks, not just the message bubbles themselves.
- Vary message length like a real conversation would — a run of identical-length messages back and forth tends to look scripted rather than natural.
- Leave a beat between related messages by splitting a longer thought into two or three shorter bubbles sent back-to-back, the way people actually text.
- Use your system screenshot tool (Win+Shift+S on Windows, Cmd+Shift+4 on Mac) to crop tightly around just the conversation preview, rather than capturing the full browser window with tabs and toolbars visible.
- For video content, screen-record the page while scrolling through the finished conversation slowly rather than taking a single static screenshot, which reads better for a "text story" format.
Frequently Asked Questions
Can I download the conversation as an image directly?
This tool doesn't export an image file directly — instead, use your system's built-in screenshot tool once the preview looks right (Win+Shift+S on Windows, Cmd+Shift+4 on Mac). This keeps the tool fast and avoids any server-side image processing.
Is this meant to deceive anyone?
No — this tool is intended for content creation, storytelling, memes, and harmless pranks among people who know it's not a real conversation. Please use it responsibly and don't use fake screenshots to deceive, harass, or defraud anyone.
Can I edit a message after adding it?
Not directly — delete the message using the "Delete" button next to it in the list, then add a corrected version.
Does this tool save or track my conversation?
No. The conversation is built and rendered entirely in your browser — nothing is sent to or stored on a server.
Does the style match a specific phone or app?
The preview is styled after Apple's iMessage app, with blue bubbles for sent messages and gray bubbles for received ones — a widely recognizable messaging style.
Can I add a timestamp or 'Delivered'/'Read' status under a message?
No — the tool keeps the layout to the core message bubbles (contact name, sent/received styling, and text) without timestamp or delivery-status details, keeping the mockup simple rather than trying to replicate every UI element.
Is there a limit on how many messages I can add to one conversation?
No hard limit — add as many messages as you need, and the live preview grows to show the full conversation as you build it.
Can I reorder messages after adding them, or only delete and re-add?
Currently you can only delete a message and add a new one in the position you want — there's no drag-to-reorder, so plan the sequence as you go or delete and rebuild the tail end if you need to insert something earlier.
Does it support group chats with more than one other contact?
No — the tool is built around a single contact name and a two-way sent/received conversation, matching a standard one-on-one iMessage thread rather than a group chat with multiple participants.
Can I add emoji or emoji reactions to a message?
You can type emoji directly into the message text since it's a normal text field, but tapback-style reactions (heart, thumbs up, etc.) attached to a specific bubble aren't supported — those would need to be added afterward in an image editor if needed.