Skip to content

Facebook Post Mockup

Create realistic Facebook feed post mockups with reaction discs, comment and share counts, a verified badge, and dark mode. Download as PNG.

Fake a Facebook post that actually looks real

You need a Facebook post for a slide deck, but the real thing isn’t published yet (or never will be). Screenshotting someone else’s post and hacking it in Photoshop is slow and usually looks off. This draws the whole feed card from scratch on an HTML canvas, so every pixel is yours to set.

Type a name, write the status, drop in a photo if you want one, set the reaction and comment numbers, hit download. The PNG comes out around 1560px wide, sharp enough for a projector or a Retina screen.

What you can change

Nearly everything on the card. The bold name and the blue verified check beside it. The timestamp with Facebook’s little public globe icon. The post text, which wraps on its own and keeps your line breaks. An optional photo that spans the full width of the card.

Down at the bottom sits the reaction summary: those overlapping blue-thumb and red-heart discs with a count next to them, then the comment and share totals on the right. The Like, Comment, and Share bar runs under a thin divider, split into three even columns, exactly like the app.

Flip on dark mode and the card switches to Facebook’s real dark palette (a #242526 surface with #E4E6EB text). No guessing at hex values.

Where this earns its keep

Social media managers mock up a client’s post before it goes live, so the client signs off on the wording instead of asking for edits after publishing. Change one field, re-download, send it over.

Marketers build social proof for landing pages. A card showing 1.4K reactions and 87 comments reads as “people care about this” faster than a paragraph claiming they do.

Teachers lean on fake posts in media literacy classes. Watching a convincing screenshot get built in two minutes lands harder than being told it’s possible. That’s rather the point.

Creators pull these into YouTube thumbnails and explainer videos, where a real capture would leak private info or just look cluttered.

Getting the details right

Keep your numbers believable. A post with 40 reactions almost never has 500 shares, and that mismatch is the first thing that reads as fake. Match the reaction count to the comment count, roughly.

Short timestamps feel natural: “2 h”, “1 d”, “Yesterday at 4:15 PM”. The verified badge belongs on brand pages and public figures, not a random personal profile, so leave it off unless the scenario calls for it.

Adding a photo? Landscape shots (around 1.91:1) fill the card the way Facebook’s feed actually crops them.

FAQ

Does this post anything to Facebook?

Nope. It’s a drawing tool. Nothing connects to Facebook, nothing gets published, and there’s no login. You walk away with a PNG file, and that’s the whole transaction.

Can I upload my own profile picture and photo?

Yes, both. The avatar gets cropped into a circle automatically, and the post photo scales to the full card width. Skip the avatar and you get a colored initial disc instead.

What size is the downloaded image?

It renders at 3x the 520px design width, so about 1560px across. Height depends on how much text you write and whether you added a photo. It stays crisp when zoomed.

Where do my text and images go?

Nowhere but your own browser. The card is drawn locally on the canvas, so your text and uploads never touch a server. Close the tab and it’s gone for good.

Can I make it look like a dark mode screenshot?

Yep. The dark toggle uses Facebook’s actual night-theme colors for the card, text, and dividers, so it matches a real dark-mode capture instead of a washed-out approximation.

facebook mockup social-media fake-post screenshot

Related Tools

More in Social Media Tools