Mockly

Fake Messenger chat generator

Make a realistic Messenger screenshot in seconds.

Mockly's Facebook Messenger generator creates chat mockups with the real gradient bubbles, avatars, date dividers, dark mode, image messages, PNG export, and video export.

How to make a Facebook Messenger chat mockup

  1. 1

    Add your messages

    Click to add a message. Alternate sender and receiver, edit text inline, drop in images or set timestamps.

  2. 2

    Customise the look

    Toggle dark mode, edit names and avatars, and hide the header or footer if you don't need them.

  3. 3

    Export

    Hit Export to create a PNG mockup or an MP4 video that scrolls through your conversation.

What you can do with the Messenger chat generator

  • The Messenger gradient

    Sender bubbles render with Messenger's signature blue-to-purple gradient; incoming messages sit left in grey with the contact's avatar beside them.

  • Date dividers

    Messages group under date dividers automatically, the way the real app breaks up a conversation history.

  • Light and dark mode

    Light and dark themes that mirror the real Messenger palette, switchable with one toggle.

  • Images and timestamps

    Drop images into messages, set timestamps per message, and edit names and avatars inline.