← All posts

Product update · July 19, 2026 · 6 min read

Introducing the Messages Screenshot Generator

Create familiar one-to-one conversations in the browser, or render them at scale from structured JSON.

Conversation screenshots work because people understand them instantly. There is no new visual language to learn: a name, a few bubbles, a timestamp, and the story is already moving.

Until now, producing that creative often meant staging a real conversation, cleaning up a phone screenshot, and repeating the whole process after every copy change. Our new Messages template turns that brittle workflow into editable data.

What shipped in V1

The first release covers the details that make a text exchange read like a real phone conversation:

  • Incoming and outgoing text bubbles with natural grouping and spacing
  • Blue iMessage or green SMS outgoing bubbles
  • Light and dark appearance
  • Editable contact name, conversation time, and status-bar time
  • Delivered and read receipts on the final outgoing message
  • Deterministic output through the SnapKit scene API

One editor for the quick job

The new free Messages screenshot generator lets anyone write a conversation and see a rendered preview without touching code. It is useful for ad concepts, storyboards, social posts, pitch decks, and product demos.

One API for the repeatable job

When the copy comes from a CMS, campaign database, AI workflow, or customer record, send the same conversation as JSON. SnapKit handles the visual system while your application controls the content.

{
  "content": {
    "contact": { "name": "Maya", "initials": "M" },
    "statusBarTime": "4:12",
    "conversationTime": "Today 9:32 AM",
    "service": "imessage",
    "messages": [
      { "sender": "incoming", "text": "Did the new page ship?" },
      {
        "sender": "outgoing",
        "text": "Yep — it is live now.",
        "status": "read",
        "statusTime": "4:11 PM"
      }
    ]
  },
  "appearance": "light",
  "output": { "profile": "instagram-square" }
}

That separation is the point: content can change thousands of times without slowly introducing different fonts, spacing, or bubble treatments.

Deliberately focused

V1 does not include Tapbacks, stickers, media attachments, typing indicators, or group chats. Those features add a surprising number of layout states. We started with the most common format—one-to-one text conversations—and tuned the micro-details around it.

The API template ID is messages-conversation. It creates an iMessage-style visual, but it does not connect to Apple Messages, access a phone, or reproduce a live conversation.

Use simulated conversations responsibly

Conversation mockups are powerful creative devices. They should not be used to impersonate a real person, fabricate evidence, or imply that someone made a statement they did not make. Use fictional names and original copy, and disclose that a conversation is simulated whenever the surrounding context could confuse an audience.

Try it

Start in the browser to shape the conversation, then move the same idea into the API when you need repeatable production.

Build your first Messages screenshot

Try the free editor, or bring the template into an automated render workflow.

Developer and marketer collaborating