CodeKitHubWhat Is This Tool?
The Instagram Comment Generator is a browser-based mockup tool that recreates Instagram's flat comment-thread layout under a post — a colored avatar per commenter, their username in bold followed by the comment text inline, a small heart icon with a like count on the right, and a "time · likes · Reply" line underneath — so you can type your own comment thread and export it as a shareable image.
For entertainment and design use only: this tool is built for jokes, memes, presentation slides, UI/UX prototypes and social media content. It must never be used to fabricate fraudulent evidence, harass or defame someone, or impersonate real people's actual comments — doing so can be illegal depending on your jurisdiction and is strictly against the intended use of this tool.
Nothing you type ever leaves your device — the whole comment thread is rendered with the HTML Canvas API directly in your browser, and the PNG is generated and downloaded locally. There is no server upload, no account and no tracking of your content.
Why Use It?
- You're writing a comedy skit or meme format where a fake comment section under a ridiculous post is the punchline, and you need each fictional commenter's name, joke, and like count laid out to look like a real Instagram thread.
- You're pitching a social feature to a client or team and need a realistic-looking comment section mockup for the deck, without hiring a designer or hand-building it in Figma from scratch.
- You're a UX designer prototyping how a comment thread should look under different scenarios — a viral post with hundreds of likes on top comments versus a quiet post with a handful — and need quick, disposable mockups to test the layout.
- You're building a case study slide showing what glowing customer reactions could look like in an Instagram comment format, clearly labeled as illustrative rather than real screenshots.
- You want to design a specific comment interaction (a witty reply going viral, a back-and-forth exchange) for a story or creative writing piece and need to visualize it exactly as it would appear on the platform.
- 100% local rendering — your comments never touch a server.
How to Use
- Set the post's username, avatar color or uploaded photo, and write the caption.
- Toggle whether a photo placeholder appears above the comments.
- Add comment rows: type a commenter name, their comment text, and a like count.
- Remove any row you don't need, and reorder your thinking by editing text directly.
- Watch the comment-thread preview update live, then click "Download PNG" to save the image.
Example
Input
Post username: "@alex.rivera" · Caption: "Golden hour on the coast never disappoints ✨" · Comment 1: "maya.codes" — "This is absolutely stunning 😍" (24 likes) · Comment 2: "theo.d" — "Where is this??" (8 likes)Output
A 600×700 PNG image showing an Instagram post header with caption and photo placeholder, followed by a flat list of comments — each with a colored initial avatar, bold username, comment text, and a small heart with a like count on the right.The image is generated instantly in the live preview canvas and downloads with a single click — no waiting, no upload.
What you can customize
- The post header: username, avatar, caption and an optional photo placeholder.
- Unlimited comment rows, each with its own commenter name, comment text and like count.
- A flat, bubble-free comment layout matching Instagram's real style, with per-comment heart icons.
- Add or remove comment rows freely as you build the thread.
Responsible use
This generator exists to make it easy to create clearly fictional Instagram comment threads for humor, storytelling and design work. It is not a tool for fabricating evidence, staging harassment, or misleading anyone into thinking a fake comment thread is real. If you plan to share an image made with this tool, consider adding context (like "fake" or "mockup") so viewers understand it is not an actual Instagram comment section, especially when the people involved could be mistaken for real accounts.
Getting a mockup to look authentic
A comment thread that reads as genuinely funny or convincing for a UI mockup usually shares a few traits with real Instagram threads, which are worth copying even in a fictional one.
Like counts on real threads are rarely round numbers or evenly spread — a top comment might have 340 likes while the replies below it sit in the single digits, since engagement compounds on whichever comment gets seen first. Vary your like counts the same way rather than giving every comment a similar number, which is one of the fastest tells that a thread was assembled rather than organically grown. Usernames on real Instagram also skew toward the lowercase.dotted.format or a first name plus a short suffix rather than CamelCase or spaced-out display names — matching that convention does more for believability than any other single detail.
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 — for example presenting it as a real comment thread to commit fraud, harass or defame a person, or impersonate someone's actual comments. Depending on where you live, that kind of misuse can constitute fraud, defamation or harassment. Please only use this for clearly fictional or illustrative purposes.
Does the tool upload my comments anywhere?
No. Every comment, name and like count you enter stays in your browser's memory and is drawn directly onto a canvas element using JavaScript. The PNG file is generated and downloaded on your device — nothing is ever sent to any server.
How many comments can I add?
There's no hard limit in the form — add as many comment rows as you like. The canvas preview will draw as many as fit within the image height; for very long threads, consider exporting a shorter selection for a cleaner screenshot.
Can each commenter have their own avatar photo?
Commenter avatars are automatically generated as colored circles with initials, based on each name, to keep the tool simple and avoid any temptation to use someone's real photo without consent. The post's own avatar at the top can use an uploaded photo.
Should I use this or one of the other Instagram mockup generators?
If your focus is the comment thread under a post, use this Comment generator. If you need the full feed post itself (caption, hashtags, like count), use the Instagram Post Generator; for a vertical Story, use the Instagram Story Generator; for a whole profile page, use the Instagram Profile Generator.
Can I edit or reorder a comment after adding it?
Yes — every comment row stays fully editable in the form, so you can change a name, rewrite the text, or adjust the like count at any point before exporting, and the live preview updates instantly to reflect the change. There's no reordering handle, but deleting a row and re-adding it in a different position achieves the same result.
Can I control what the "time" text says under each comment, like "2h" or "3d"?
This depends on the specific fields exposed in the form — if a time field is available per comment, you can set it directly; if the layout auto-generates a placeholder time, focus on getting the name, text, and like count right, since those are what most viewers actually read.
What image dimensions does the exported PNG use?
The canvas renders at a fixed width sized to look correct on a phone screen (matching Instagram's real proportions), with height that grows to fit however many comments you've added — so a thread with 3 comments and a thread with 15 comments will export at different heights but the same width.
Can I use a real Instagram username in the mockup, like tagging a real brand or friend?
Technically the text field accepts anything you type, but doing so risks the exact misuse this tool explicitly warns against — making it look like a real person or account said something they didn't. Stick to clearly fictional usernames unless you have that person's explicit permission and the content won't misrepresent them.