X Post Mockup Generator
Drop in your copy, an image and the numbers you want to show, and the X card updates live. Download it as a crisp PNG for a client deck, a landing page or a "here is what it will look like" message. Everything renders in your browser.
drop or click
optional
Numbers, names and the image are yours to change. The PNG is rendered locally at 2× for crisp screenshots.
What the mockup gets right
A post shows your display name, verified badge, handle and time on one line, up to 280 characters of text, then a 16:9 media card and the reply, repost, like, view, bookmark and share row. Longer posts on Premium fold with "Show more".
The card follows the current X layout: spacing, icon set, where the verified badge sits, how the text folds and how reactions are counted. Dark mode uses X's actual dark palette.
How to make one
- Type the name, handle and the post text.
- Set likes, replies and reposts and a time stamp.
- Add an avatar and an image if you want them.
- Choose light or dark, mobile or desktop, then click Download PNG.
Where mockups are useful
- Client approvals: show the post as it will appear rather than as a Word document.
- Pitch decks and case studies that need a realistic social example.
- Landing pages with "as seen on X" proof.
- Training material showing good and bad posts side by side.
If the point is approval rather than a picture, Social by InstantDM previews every platform inside the composer and lets a client approve from a link.
X image sizes (2026)
| Placement | Size (px) | Ratio |
|---|---|---|
| Single image post | 1600 × 900 | 16:9 |
| Square post | 1080 × 1080 | 1:1 |
| Header | 1500 × 500 | 3:1 |
| Profile photo | 400 × 400 | 1:1 |
Need one of these sizes? Use the X image resizer.
Frequently asked questions
Can I download the mockup?
Yes. Click "Download PNG" and you get a 2× resolution image of the card. Safari blocks this kind of export; take a screenshot there instead.
Are my images uploaded?
No. The avatar and post image are read by your browser and never leave your device.
Does it support dark mode and desktop layouts?
Both. Toggle them in the toolbar; the download matches what you see.
Can I remove the branding?
There is no branding on the export: just the post card.
Related free tools
Write it here, publish it everywhere
Social by InstantDM schedules to X and seven other platforms from one calendar, with AI captions, previews and an API. Start free — $0 today, cancel anytime.
Sign up for $0.00