FacebookSupport
The lost-dog post
The most-shared post on Facebook, with the reaction stack and share count to match.
Use this templateFacebook mockupsInterface checked · v574.0.0
Fake Facebook post & mockup generator
Build a Facebook feed post with the details that actually make one recognisable: the overlapping reaction circles rather than a bare like count, the time-and-globe audience line, a separate share count, and three labelled buttons where every other app has bare icons.
Open the Facebook editorFree · no account · PNG and video
Start from a Facebook 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.
FacebookGroup chats
The community group notice
A neighbourhood group post — the format used for every local update.
Use this template
FacebookWork
The small-business announcement
A local page announcing something, with a believable reaction count.
Use this templateHow to make a Facebook mockup
Start from an example
The three above are the shapes Facebook is actually used for: a lost-dog appeal, a small business announcement and a neighbourhood group notice. Each opens in the editor fully editable.
Set the poster
Name, profile photo and the verified check in the Author section. A page and a person look the same in the feed, so the name is what carries it.
Write the post
Click the text and type. It sits above the photo, which is the opposite of Instagram — worth getting right, because it is what makes a mockup read as Facebook rather than as a generic feed.
Set reactions, comments and shares
Three separate numbers, because Facebook summarises them separately. Toggle Liked to turn the Like button blue.
Export
PNG at 1× free, up to 3× on Pro, frame and transparency optional.
How the Facebook interface is put together
Our Facebook 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.
Reactions are overlapping circles, not a number
This is a platform-specific Facebook detail. The interface shows small coloured circles — blue thumb, red heart — overlapping each other with a white ring, and the total beside them. A plain “1,842 likes” is Instagram's convention and reads instantly wrong here.
The audience globe under the name
Every post carries a meta line reading time, then a dot, then a small globe meaning Public. No other platform in this app shows an audience indicator, and people read it without ever consciously noticing it — which is exactly why its absence registers.
The counts row is split
Reactions sit on the left with the circle stack; comments and shares are pushed to the right. Shares are their own count — Facebook is the only feed here that separates sharing from commenting in the summary line.
Three labelled buttons, not bare icons
Like, Comment and Share are wide buttons with words on them, sitting under a rule. Every other feed in this app uses a row of unlabelled icons. A liked post turns the Like button and its icon Facebook blue.
Media runs to the edges
A photo on Facebook is full-bleed — no rounding, no inset, no border. X does the opposite and insets its media in a rounded card, so this one detail alone tells the two apart at a glance.
Body text sits above the photo
Facebook puts what you wrote above the image; Instagram puts the caption below it. Getting this the wrong way round is the most common structural mistake in a fake Facebook post.
What people use Facebook mockups for
- Community and neighbourhood group notices
- Lost-pet and appeal posts
- Small-business and page announcements
- Scam-awareness and safeguarding training
- Social media strategy decks
- Advertising and campaign mockups
Questions about Facebook mockups
- Can I change the reaction count and shares?
- Yes. Reactions, comments and shares are separate editable fields in the Stats section, or you can click any number in the preview and type over it. Clear the shares field and that part of the counts row disappears, the way it does on a post nobody has shared.
- Does it show the reaction bubbles?
- Yes — the overlapping blue thumb and red heart circles with the total beside them. That is the single most recognisable part of a Facebook post and the part most mockups get wrong by substituting a plain like count.
- Can I add comments under the post?
- Yes. Comments render in Facebook's grey rounded bubbles with the commenter's name in bold above the text, which is a different shape from Instagram's flat inline comment lines.
- Can I make it look like a real person or business?
- No. Our terms prohibit posts attributed to a real person, page or organisation. Fake Facebook posts spread further than almost anything else on the internet and a mockup presented as genuine causes real harm — use a fictional name, as every example on this page does.
- Does it do dark mode?
- Yes, and it uses Facebook's own dark surface (#18191A) rather than pure black. The reaction circles keep their white ring so they still read as separate discs against the dark background.
- Can I hide the photo and post text only?
- Yes. Remove the image in the Media section and the post renders as a text-only status, which is what most community and appeal posts actually look like.
- Does the export carry a label?
- Yes — 1× free, up to 3× on Pro. Free downloads carry a small SIMULATED label, and you can switch it on yourself at any tier. Nothing you type or upload is sent to a server — the image is rendered entirely in your browser.
Use these responsibly
Everything made here is simulated. SocialMock has no connection to Facebook 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 appsBuild your Facebook mockup now
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the Facebook editor