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. Both examples were rendered live with our iPhone text message generator, including the exact bubble geometry and receipt placement.

P
Priya
iMessageToday 9:41
Release notes are final. Copy is with legal.
Great. Are we still on for the 10am rollout?
Yes — marketing assets are scheduled too.
Amazing. Fingers crossed for a smooth one.
Delivered
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 →
S
Sam
iMessageToday 9:41
Cinema at 8? The new one everyone's posting about
I was literally about to text you the same thing
Haha great minds. Row F back left?
Booked. Snacks on me 🍿
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 →

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 and evening-plan threads are the two 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, carrier and battery level, 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.