XX mockups

Fake tweet & X post screenshot generator

Build a simulated X post for fiction, design or training with the interface the app uses today — 17px text, the view count on the timestamp line, and a metrics row that tints per action. Use invented identities and label published work as simulated.

Open the X editorFree · no account · PNG and video

Start from an X example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
XX (Twitter)Creator

The take that blew up

A short opinion post with the numbers of something that got away from its author.

Use this template
XX (Twitter)Scam awareness

The post that looks credible and isn't

A confident claim with no source and a big view count — built for media-literacy teaching.

Use this template
XX (Twitter)Work

The launch post

A product announcement with an image — the shape most marketing mockups need.

Use this template

How to make an X mockup

  1. Start from an example or empty

    The examples above cover the three shapes people ask for: a take that got away from its author, a product launch, and a confident claim with no source for media-literacy work. Open any one and rewrite it.

  2. Set the author

    Display name, @handle, avatar and the verified check live in the Author section. Use a fictional identity — the terms prohibit posts attributed to real accounts.

  3. Write the post

    Click the text in the preview and type. It is 17px and wraps freely with no truncation, so a long post stays fully readable exactly as X renders it in the detail view.

  4. Set the numbers

    Replies, reposts, likes and views, plus whether the post is liked or bookmarked — a liked post turns the heart pink, a bookmarked one turns the icon blue. Clear the views field to hide that part of the timestamp line.

  5. Export

    PNG at 1× free, up to 3× on Pro, device frame optional, transparent background optional. Or export as video if you want the post to arrive on screen rather than sit there.

How the X interface is put together

Our X skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

The post detail view, not a timeline row

This is the screen you get when you tap into a post, and it is the one people screenshot. The text is 17px and never truncates, the timestamp gets a line to itself, and the metrics sit under a rule. A timeline row is denser, smaller and far less recognisable once it is cropped out of context.

Views is the metric only X shows

The view count sits on the timestamp line, bold, with the word Views after it in grey. No other platform puts a view count on a text post, so it is the fastest way to tell a real X screenshot from a generic one — and the first thing missing from most fakes.

Each action has its own colour

X does not use one accent for the whole row. A liked post turns the heart pink, a reposted one turns the arrows green, and a bookmarked one turns blue. Anything that tints all four the same colour is wrong.

The name and handle share a line with Follow

Display name in bold, @handle in grey directly beneath, and the Follow button pushed hard right. The verified check is inline with the name, not floating after the handle.

Media is an inset rounded card

An image on X sits inside the text column with a large corner radius and a hairline border — it does not run to the edges of the screen. Facebook does the opposite, which is one of the quickest ways to tell a fake of one from a fake of the other.

True black, not dark grey

X's dark mode is #000000. The navy “dim” theme exists in the app but is not the default and is not what people screenshot, so dark mode here goes to pure black with #E7E9EA text.

What people use X mockups for

Questions about X mockups

Can I set the view count and reposts?
Yes. Replies, reposts, likes and views are all editable, either in the Stats section of the editor or by clicking the number directly in the phone preview and typing over it. Leave views empty and the whole views section disappears from the timestamp line, which is what X does on older posts.
Does it say Twitter or X?
X. The app was rebranded and the current interface is what the skin draws — the bird is gone, the bookmark and share icons changed, and the view count was added. If you specifically need the old Twitter layout, that is a different design and this is not it.
Can I add the blue check?
Yes, it is a toggle in the Author section. Worth knowing what it now means: since the change to paid verification a blue check indicates a subscription rather than a confirmed identity, so it no longer proves an account is who it claims to be.
Can I make a post from a real person's account?
No, and our terms prohibit it. Putting words in a real person's mouth on a platform where screenshots spread faster than corrections causes genuine harm, and it is the single most common misuse of a tool like this. Use a fictional name and handle — every example on this page does.
Can I add an image to the post?
Yes. Choose one from the built-in library or upload your own, and it renders in the inset rounded card X uses. Uploads are downscaled and stored in your browser; nothing is sent to a server.
Does it do X DMs as well?
Yes — switch the format from Post to Chat with X selected. The DM view is a genuinely different design: X-blue outgoing bubbles, flat grey incoming, fully rounded with no tails, and the timestamp outside and beneath the bubble rather than inside it.
Is there a watermark?
Free downloads carry a small SIMULATED · socialmock.com label, burned into the pixels, at 1× resolution. Pro removes the label and unlocks 2× and 3×. You can also switch the label on yourself at any tier, which is worth doing if you are publishing somewhere a viewer might take the image at face value.
Is it legal to make a fake tweet?
Laws vary by jurisdiction and use. Clearly fictional, disclosed examples for teaching, fiction or design are generally lower risk, but no category is automatically legal. Impersonating a real person or organisation, presenting a mockup as genuine, or using it as evidence violates our terms and may be unlawful.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to X and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your X mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the X editor