CodeKitHubWhat Is This Tool?
Facebook Comment Generator recreates the flat comment-list look of a real Facebook thread — round avatars, name and comment bubble, like counts, and indented reply comments.
It must never be used to fabricate fraudulent evidence, harass or defame someone, or impersonate a real person's actual comments — doing so may be illegal depending on your jurisdiction.
Everything is generated locally in your browser using the HTML Canvas API; nothing is ever uploaded to a server.
Why Use It?
- You're writing a UX case study and need a screenshot of a realistic comment thread to illustrate a design decision, but pulling a real screenshot would mean using someone's actual name and comment without permission.
- You're building a slide deck for a social media course and want a mock comment section to demonstrate what a viral post's replies typically look like, without waiting to find (or fake-crop) a real example.
- You're making a joke or meme format built around a fake exchange in the comments, and need it to look genuinely like Facebook's layout — round avatars, like counts, nested replies — rather than an obviously photoshopped text block.
- You're prototyping an app or course project with a comment-section UI and want a quick, editable mockup to show stakeholders before wiring up real backend data.
- You want to iterate quickly — add a comment, tweak the like count, toggle a reply indent, and re-download — without an account, a watermark, or anything leaving your browser.
How to Use
- Click "+ Add comment" to add a new comment row.
- Set the author name, timestamp, comment text and like count for each comment.
- Toggle "Indent as reply" to nest a comment under the one above it.
- Watch the live preview update, then click "Download PNG" to save the full thread as an image.
Example
Input
Comment 1: Alex Rivera — "This looks amazing! Where was this taken?" · 24 likes
Comment 2 (reply): Jordan Lee — "Love it 😍" · 6 likesOutput
A PNG styled like a real Facebook comment thread: colored initials avatars, name and comment bubble, and a Like / Reply / like-count meta row under each comment, with replies visually indented.The canvas height grows automatically to fit however many comments you add, and downloads with a single click — no waiting, no server round-trip.
What you can customize
- Author name, timestamp, comment text and like count per comment.
- Reply indentation to build multi-level comment threads.
- Any number of comments — add or remove rows freely.
- Layout details matching Facebook's real comment-list visual style.
Responsible use
This generator exists to make it easy to create clearly fictional mockup images for humor, storytelling and design work. If you share an image made with this tool, consider adding context so viewers understand it is not a real comment thread.
What each field controls
| Field | What it changes |
|---|---|
| Author name | Displayed name and the auto-generated colored-initial avatar |
| Timestamp | Free-text time shown next to the name (e.g. "3 hrs", "2d") |
| Comment text | The main comment bubble content |
| Like count | The number shown in the Like / Reply / like-count meta row |
| Indent as reply | Nests the comment visually under the row directly above it |
Frequently Asked Questions
Is it legal or ethical to use this tool?
The tool itself is legal to use for entertainment, mockups, presentations and design work. What is not legal or ethical is using the generated image to deceive someone. Please only use this for clearly fictional or illustrative purposes.
Does the tool upload my content anywhere?
No. Everything you type stays in your browser's memory and is drawn directly onto a canvas element with JavaScript. The PNG is generated and downloaded on your device — nothing is ever sent to a server.
How many comments can I add?
There's no hard limit — click "+ Add comment" as many times as you like, and the preview canvas automatically grows to fit the full thread.
Can I nest a reply under a specific comment?
Toggling "Indent as reply" on a comment visually nests it under the comment directly above it in the list, matching how Facebook indents replies.
Should I use this or one of the other Facebook mockup generators?
If your focus is a comment thread with replies, use this Comment generator. If you need a vertical Story instead, use the Facebook Story Generator; if you need a full profile page with cover photo and bio, use the Facebook Profile Generator.
Can I set a custom timestamp for each comment, like "3 hrs" or a specific date?
Yes — the timestamp field is free text, so you can enter Facebook-style relative time ("3 hrs", "2d") or a specific date, whichever matches the context of your mockup.
Can I nest a reply more than one level deep, like a reply to a reply?
The indent toggle nests a comment under the one directly above it, matching Facebook's typical single-level reply indentation. For a deeper thread look, order your comments carefully since indentation is relative to position in the list, not a separate depth setting.
Does it generate the avatar images automatically, or do I need to upload photos?
Avatars are generated automatically as colored initials based on each name you enter, matching Facebook's placeholder-avatar style — there's no photo upload involved.
What file format does the download use, and can I resize it?
The thread downloads as a PNG image sized to fit the full comment list. The canvas resolution is fixed by the tool, so if you need a different size, resize the downloaded PNG afterward in an image editor.
Can I remove or reorder a comment after adding it?
Yes — each comment row can be edited or removed individually, and since the layout is driven by the order of rows on screen, you control the final order by arranging the rows before downloading.