X DM Generator

The X DM Generator recreates the X (formerly Twitter) direct-message screen so you can build a realistic, clearly fictional conversation in seconds. Set the display name, handle, verified or gold badge and avatar, write the thread bubble by bubble, add timestamp separators, and choose a Seen or Sent receipt. Switch between Light, Dim and Lights out, toggle the status bar, profile block and encryption notice, then export a crisp high-resolution PNG. Everything runs in your browser with no login, and nothing you type or upload ever leaves your device.

X DM editor
New
Maya Whitfield avatar

14 / 26 characters

13 / 20 characters. The @ is added automatically.

65 / 120 characters

17 / 28 characters

15 / 20 characters

13 / 20 characters

6 / 14
1

62 / 300 characters

2

57 / 300 characters

3

47 / 300 characters

4

42 / 300 characters

5

41 / 300 characters

6

48 / 300 characters

A timestamp also breaks the bubble grouping, exactly like X does.

0 / 48 characters. Empty text greys out the send arrow.

4 / 8 characters

X DM Generator features

Pixel-accurate X DM styling

Matches the real screen down to the #1D9BF0 outgoing bubbles, tail-less 20px pill geometry, squared 4px spine corners on grouped messages and the centred grey timestamp separators.

Light, Dim and Lights out themes

Ship the same conversation in X's white theme, the navy Dim look people still ask for, or true-black Lights out, each with the correct text, divider and incoming-bubble colours.

Full thread editing

Add, delete and reorder up to fourteen messages, flip any bubble between Them and You, and drop a timestamp above any message to break the group exactly like the app does.

Editable profile block and header

Set the avatar, display name, verified or organization badge, handle, bio, join date and follower count, then show or hide the profile block for a mid-conversation screenshot.

Private, client-side, high-resolution export

Everything renders locally in your browser and exports as a sharp PNG at a high pixel ratio, with no account, no server upload and no watermark on the layout itself.

How to make a x dm mockup

  1. 1

    Set up the account

    Upload and crop a profile photo, then type the display name and handle and pick a blue, gold or no badge.

  2. 2

    Write the conversation

    Add messages, choose Them or You for each bubble, reorder them, and add timestamp separators such as Yesterday, 8:42 PM between groups.

  3. 3

    Style the screen

    Choose Light, Dim or Lights out, set the Seen or Sent receipt, and toggle the status bar, profile block, typing indicator and encryption notice.

  4. 4

    Export your PNG

    Preview the finished DM screen and download a high-resolution PNG ready for decks, stories, mockups or social posts.

What you can use it for

  • Product and app UI mockups for design comps and portfolios
  • Story-style screenshots for Reels, TikToks and X threads
  • Marketing and campaign visuals that illustrate outreach or support flows
  • Memes and satire that are clearly labelled as fictional
  • Media-literacy lessons showing how DM screenshots can be fabricated
  • Pitch decks, case studies and onboarding walkthroughs

Frequently asked questions

Is the X DM Generator free?

Yes. It is completely free with no account, no sign-up and no limits. You can create and export as many X direct message mockups as you like.

Is it safe and legal to use?

The tool creates clearly fictional mockups for design comps, education, marketing and memes, and it runs entirely on your device. Do not use it to impersonate real people, fabricate evidence, harass anyone or deceive others, and follow X's branding guidelines.

Can I use my own avatar and text?

Yes. Upload any profile picture and crop it in the browser, then write every message, handle, bio and follower count yourself. Images are processed locally and never uploaded.

Which X themes are supported?

All three: Light, the legacy navy Dim theme and true-black Lights out. The outgoing bubble stays X blue with white text in every theme, exactly as the app renders it.

Does it export a high-resolution PNG?

Yes. The DM screen is captured at a high pixel ratio and exported as a crisp PNG that stays sharp in slide decks, social posts, video overlays and print mockups.

Does it work on mobile?

Yes. The generator runs in any modern mobile or desktop browser, so you can build and download an X DM mockup straight from your phone or tablet.