P
iMessage
iPhone Text Message
Launch approval thread
An iPhone Messages thread with the Delivered line under the last bubble — clean, compact approvals for a launch morning.
Open the iPhone Text Message generator →iPhone Text Message examples
iPhone Text Message chat screenshot examples
The iPhone Messages look is the most recognisable chat UI in the world: green and grey bubbles, the Delivered line, and 9:41 in the status bar. All three examples were rendered live with our iPhone text message generator, including the exact bubble geometry and receipt placement.
S
iMessage
iPhone Text Message
Movie night invite
Green and grey iMessage bubbles with typing-indicator pacing — the classic two-thumb Friday night thread on iPhone.
Open the iPhone Text Message generator →O
iMessage
iPhone Text Message
Shift swap on iMessage
Two colleagues trading a Saturday shift in the iPhone Messages look — green and grey bubbles, no in-bubble timestamps, and the Delivered line closing the thread.
Open the iPhone Text Message generator →Why these compositions work
One timestamp, at the very top
iOS Messages shows a single time line at the top of a thread — Today 9:41 — and then nothing. No bubble in an iPhone conversation carries its own clock. That is the opposite of WhatsApp and Telegram, and it is the fastest tell of a fake iPhone screenshot: put a small time in the corner of each grey and blue bubble and the image stops being iOS immediately. Our examples follow the real rule, so the whole thread shares one date header and the only other status text is the Delivered line at the bottom. If a scene needs to convey a long gap, the honest way is a second date separator further down, the way a real thread adds Yesterday when the conversation resumes the next morning.
Short bursts and a tail on the last
iMessage bubbles are rounder than WhatsApp's — a full 18px radius on the whole capsule — and the tail behaves in reverse. Instead of marking the first message of a run, the narrowed corner appears on the last bubble, so a pair of outgoing messages reads as one block that resolves at the bottom. We also hold bubbles to about 72% of the width. That matters because iPhone users type in bursts: a film time, a row number, a one-line answer. If you widen the bubbles to fill the screen edge to edge, a two-thumb exchange suddenly looks like a scripted transcript. Keep most messages to one or two lines, let a single one carry the detail, and let the green and grey alternate quickly.
The Delivered line only at the end
The Delivered or Read line is the most misused element on iPhone mockups. In the real app it sits under the last outgoing message and nowhere else; the moment your contact replies it disappears, because the ball is back in their court. Our launch-approval scene ends on Priya's message and shows no line at all — that is correct. The shift-swap thread ends on your own bubble, so Delivered appears once, small and grey. Generators that stamp every outgoing bubble with a status line look busy and wrong. As a scene device the line is genuinely useful: an image that ends on your message with no Delivered underneath reads as unopened, which is exactly the beat some stories need.
Design details we reproduce
- Authentic green outgoing / grey incoming bubbles with iOS corner radii
- Delivered or Read line under the last outgoing bubble, fully editable
- Status bar with the classic 9:41 time and SF Symbols-style signal icons
- SMS and iMessage pacing — short bursts that read like real thumbs
Where these scenes shine
Launch-day approvals, evening-plan threads and shift swaps are the three most reused iMessage scenes: compact, fast-moving and instantly legible even at thumbnail size.
Make your iPhone Text Message mockup →iPhone Text Message mockup questions
Green or blue bubbles — which will I get?
Outgoing bubbles follow the app's default green SMS look. The tone and wording of the conversation is what sells the scene either way.
Can I change the time in the status bar?
Yes — the status bar detail section lets you set the time, battery level and signal strength, or hide the status bar entirely for a cleaner crop.
What resolution should I export?
2x (780px wide) suits most videos and blogs. Use 3x when the mockup will be zoomed into, and 1x for quick storyboard drafts.