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