hello world

Instagram DM mockup generator

TextLab renders an Instagram direct message exactly like the app, the gradient sent bubble, the gray received bubble, the rounded corners and spacing. Type your message, pick sent or received, and export a transparent PNG.

It's the clean way to show a DM in a mockup without screenshotting a real conversation: influencer outreach examples, brand collab snippets, storytime setups, or a fictional exchange for a post. Dark and light mode both match.

How it works

  1. 1Type your text in the tool above.
  2. 2Pick a style and tweak the color, dark mode or background.
  3. 3Export a pixel-accurate PNG, transparent, no watermark.

What people use it for

  • Show an outreach or collab DM in a pitch
  • Illustrate a DM exchange in a case study
  • Build a storytime or skit around a fake DM
  • Mock up a customer message for a brand graphic

Frequently asked questions

Can I make both sent and received Instagram DMs?

Yes. Sent (gradient) and received (gray) bubbles are separate styles you can switch between.

Is there a dark mode?

Yes, the DM renders in both Instagram's light and dark themes.

Can I export a transparent PNG?

Yes, so the message layers onto any background cleanly.

Is it free and watermark-free?

Yes. Standard PNG exports are free with no watermark and no account required.

More mockup styles

made by javi