Fake Facebook Post Generator
A Facebook post mockup with the overlapping reaction cluster the real feed actually shows.
For parody, education, and mockups only
A timestamp, or a follower count for a page.
Reactions
This is a generated image for entertainment purposes.
Everything here runs on your device. Nothing you enter is uploaded or stored.
Enter a name, write a status, set the reaction counts, and this draws a post that matches the feed layout — including the overlapping reaction badges that most mockup tools reduce to a single number.
How to use it
- Enter the page or person name, and the meta line that sits beneath it.
- Upload a profile photo, or leave it blank and an avatar is generated from the name.
- Write the status text. Attach an image if the post needs one — it renders full-bleed, edge to edge.
- Set separate like, love and laugh counts, plus comments and shares.
- Pick light or dark, then Download PNG or Copy image.
The reaction cluster is the part everyone gets wrong
Most fake Facebook generators show a thumbs-up icon and a number. Facebook has not looked like that since 2016, and the difference is the most visually distinctive thing about the platform’s feed.
What the real feed shows is a cluster of overlapping circular badges, one per reaction type that the post actually received, followed by the combined total. The badges overlap by roughly two-thirds of their width, so three reactions occupy about the space of one and a half. Each badge has a thin ring in the background colour, which is what keeps them separable where they overlap.
Crucially, the badges are ordered by count. The most-used reaction on that post sits left-most and on top of the stack; the least-used sits right-most and underneath. A post that made people laugh shows the laugh badge first, and that ordering is information — it tells you the character of the response before you read a single comment.
This tool takes three separate counts and ranks them, so the cluster reflects the numbers you enter rather than a fixed order. Set laughs above likes and the laugh badge moves to the front. Set a reaction to zero and its badge disappears entirely rather than rendering as an empty slot.
The total is comma-grouped and sits immediately after the cluster. Facebook does not abbreviate reaction totals the way X abbreviates likes — 2,486 stays 2,486.
Comments and shares live somewhere else
The second structural detail: comments and shares are not part of the reaction row’s left group. They sit right-aligned on the same line, written out as “187 comments · 42 shares” with a middle dot separator.
That split is deliberate in Facebook’s design. Reactions are a measure of approval and sit with the content; comments and shares are a measure of spread and sit apart from it. Putting all four counts in one cluster, which is what a naive mockup does, collapses a distinction the real interface makes carefully.
A count of zero is hidden rather than displayed. A post with no shares shows “187 comments” alone, not “187 comments · 0 shares”, and this tool follows that.
What it does not do
It renders a single text or single-image post. Link previews with their fetched title and domain, multi-image grids, shared-post nesting, comment threads, and video players are not implemented. The action row shows Like, Comment and Share as static labels rather than an interactive control. There is no way to import a real post.
Nothing is uploaded. The canvas is drawn in your browser and the PNG is produced on your device.
Reaction badge colours
| Reaction | Badge colour |
|---|---|
| Like | #1877f2 |
| Love | #f3425f |
| Laugh | #f7b125 |
Layout measurements
| Element | Value |
|---|---|
| Post width | 500px |
| Avatar | 40px diameter |
| Horizontal padding | 16px |
| Body text | 15px, 21px line height |
| Reaction badge | 8px radius, 13px overlap step |
| Attached image | Full bleed, 280px tall |
Questions
Why are there three separate reaction counts?
Because Facebook shows a cluster of overlapping reaction icons rather than a single like total, and the icons are ordered by which reaction is most used on that post. A mockup with one generic like count is missing the most recognisable part of the layout.
How are comments and shares displayed?
On the right of the reaction row, comma-grouped, as "187 comments · 42 shares". They are deliberately not beside the reactions, which is where most mockups wrongly put them. A count of zero is hidden rather than shown as zero.
What is the difference between page and profile mode?
A page post and a profile post differ in the meta line beneath the name. This tool lets you write that line directly, so you can use a follower count for a page or a timestamp and audience glyph for a profile.
Is this legal to use?
For parody, education, design mockups and satire, yes. Using it to impersonate a real person or organisation, to spread misinformation, or to defraud is not. The output is a generated image and is not a real post.
Last updated