Mockly
Active now
Mon 09:41
Hey, what are you doing?
Just figuring out Mockly!

Mockly's Instagram DM generator helps you create realistic DM mockups for creator outreach, tutorials, pitch decks, and social content. Use custom names, avatars, messages, images, timestamps, dark mode, device frames, 3D view, and PNG or video export.

How to make an Instagram DM mockup

  1. 1

    Build the DM thread

    Click to add a message. Edit each sender, text, image, and timestamp.

  2. 2

    Tune the visual details

    Switch theme, add a device frame, test 3D view, and keep the message count readable.

  3. 3

    Export

    Hit Export for a clean PNG mockup or a short message video.

What you can do with the Instagram DM generator

  • Instagram DM layout

    Sender bubbles use Instagram's purple-blue gradient, with receiver bubbles, avatars, and names on the other side.

  • Messages, images, and timestamps

    Add text and image messages, then adjust timestamps so the thread reads like a real DM flow.

  • Dark mode, device frame, and 3D

    Switch light or dark mode, then add a device frame or 3D view when the mockup needs phone context.

  • PNG and video export

    Export a PNG mockup for decks and posts, or an MP4 chat video when motion helps the story.