FacebookGroup chats
The local group thread
A community-group post where the comments do what community groups do: help, mostly.
Use this templateFacebook mockupsInterface checked · v574.0.0
Fake Facebook comment & thread mockup generator
Build a Facebook comment thread the way the app draws one — every comment inside a grey bubble with the name in bold, the reaction pill overlapping its corner, Like and Reply written as words underneath, and replies indented exactly one level, which is as far as Facebook goes.
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.
FacebookScam awareness
Spotting it in the comments
A too-good-to-be-true listing where the comments do the work — the shape safety talks actually use.
Use this templateFacebookWork
Under a business post
Comments under a small-business announcement, with the page replying in the thread.
Use this templateHow to make a Facebook mockup
Start from an example
The three above are the threads Facebook is actually made of: a local group helping each other out, a small business replying to customers, and a community spotting a listing scam.
Write the post above
Author and post text. They sit as a heading over the comments, which is what gives the thread something to be about.
Add the comments
One row each, with a name and a time. Order is the order they appear.
Indent, react, reply
Indent a reply to 1, give a comment a reaction count to draw the pill, and add a reply count where a branch keeps going.
Export
Full-height PNG at 1x free, up to 3x on Pro, device frame optional, light or dark.
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.
The comment is INSIDE a bubble
Facebook is the only comment section in this tool where the text sits in something. A grey rounded capsule holds the bold name and the comment under it. YouTube, TikTok, Instagram, X and Reddit all draw bare text on the page. Draw Facebook's comments bare and the screenshot is unplaceable; draw the bubble and it is obvious at thumbnail size.
The meta line sits outside it
12h · Like · Reply, in small bold grey, under the bubble rather than in it. Three words, no icons. Liking turns the word Like blue — there is no heart to fill, which is the thing people get wrong when they build this from memory.
Reactions hang off the corner
A small white pill with the blue thumb and a count, overlapping the bottom-right of the bubble. Not a number stacked under an icon on the right-hand edge, which is TikTok's, and not a word count in the meta line, which is Instagram's.
Replies indent one level and stop
Facebook's tree is two deep. A reply to a reply appears at the same indent with an @name in front of it rather than stepping in again, so the indent is clamped at one here. Reddit's goes to five, and treating the two the same is how a mockup ends up looking like neither.
A sheet, with a grab handle
Comments arrive as a panel sliding over the post: a short grey handle at the top, then Comments with the count beside it and a Most relevant sort on the right. The post itself is kept as a heading above the list, because a comment screen with no subject is a screenshot of nothing.
No video thumbnail here
YouTube and TikTok attach comments to a video and show the still. A Facebook feed post has no such frame, so the thumbnail control is hidden on Facebook rather than offered and quietly ignored.
What people use Facebook mockups for
- Community and local-group management examples
- Safety and digital-literacy teaching about Marketplace and listing scams
- Customer-service and social-media training material
- UI and design portfolios
- Film, TV and theatre props
- Fiction where the comments say more than the post
Questions about Facebook mockups
- How do I indent a reply?
- Set its Indent to 1. Facebook's thread is two levels deep and stops there, so 1 is as far as it goes — anything higher is clamped, which is what the app does too.
- Can I choose which reaction the pill shows?
- Not yet. Facebook is the one platform where a comment takes a choice of six faces rather than a single like, and this skin draws the thumb whichever you pick. The count is right and the face is not — it is recorded as a known gap rather than quietly ignored.
- Where does the post text come from?
- The Post section — the author line and the post itself sit above the comments as a heading. That is what the sheet shows when you scroll it up.
- Can I set each comment's reaction count?
- Yes, per comment, as free text. Leave it blank and no pill is drawn, which is what most comments look like.
- Why is there no photo or GIF comment?
- Facebook does have them, and this skin draws text only. Rather than offer a Photo chip that produces an empty bubble, the control is hidden here — the same rule every option in this tool follows.
- Can I edit the comments in the preview?
- Yes — tap any comment in the phone and type. Names, times, reaction counts, indent and reply counts are in the panel on the left, or in the same popover.
- Can I put words in a real person's mouth?
- No, and our terms prohibit it. Fabricated comments under a real name are impersonation, and comment threads are the format most often used to make somebody look bad. Every example on this page uses invented names.
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