Mock up a realistic Reddit-style post with a subreddit, votes, awards, and a threaded comment section, then download it as a PNG. Free, no sign-up, and everything runs in your browser. For parody, mockups, and design comps only.
For parody, mockups, education, and design comps only. Do not use this to impersonate real people or communities, fake evidence, or pass a mockup off as a real thread.
You just designed a thread. These free CommonNinja widgets put real discussion, voting, and reach on your own pages, no code needed.
Pull real Reddit threads onto your own website so the discussion that happens elsewhere keeps working on your pages.
Give your own pages a threaded comment section, so readers can reply to each other instead of leaving to do it.
Let visitors upvote what they like on your site. Simple voting turns passive readers into a signal you can act on.
Make sharing one tap so the post mockup you just exported reaches past the people already following you.
Other free tools for social content and mockups.
Build a realistic WhatsApp-style conversation mockup with bubbles, ticks, and timestamps. Download a PNG.
Use Tool โDesign a Telegram-style chat mockup in light or dark mode and export it as a clean PNG.
Use Tool โCreate a Messenger-style conversation mockup with blue pill bubbles. Free, in your browser.
Use Tool โCreate realistic X (Twitter) post screenshots with views, checkmark tiers, and bookmarks. Download a clean PNG.
Use Tool โBuild an iPhone text message mockup with blue iMessage or green SMS bubbles, reactions, and a Read receipt.
Use Tool โMock up a Facebook post with reactions, shares, and a comment thread. Export a PNG.
Use Tool โDesign an Instagram post mockup around your own photo, with caption, likes, and comments.
Use Tool โBuild an Instagram DM mockup with gradient bubbles, heart reactions, and a Seen label.
Use Tool โCreate a Snapchat chat mockup with colored side bars, a snap score, and a status on every row.
Use Tool โPlace bold text behind your subject in one click. Automatic cutout, no sign-up, all in your browser.
Use Tool โHow It Works
No account, no sign-up, completely free. The card renders live and the PNG is created in your browser, so nothing you type is ever uploaded.
Set the subreddit, username, and how long ago it was posted, then write the title and optional body text. Add a flair tag if you want one.
Add comments, set each one to top level or a nested reply, give it a username, an age, and a score, and tag the author with OP.
Pick light or dark, set the upvote count, toggle the Join button and award row, then download a crisp 2x PNG.
The Details
Forum screenshots live or die on proportion. The numbers, the nesting, and the voices all have to belong to the same post.
score : comments : age = the three numbers that must agree
A post with 4.2k upvotes and four comments is not a thread anyone recognizes. Scale the comment count to the score, keep the post age older than the newest reply, and let at least one comment be a nested answer from the author.
Then vary the voices. A useful thread has someone agreeing, someone asking a practical question, and someone pushing back a little. Uniform praise is what a marketing team writes, not what a community produces.
The purpose stays the same throughout. This is a design asset for comps, teaching, and jokes. Invent every community and username, caption it as a mockup where it matters, and never present it as a real discussion.
Settings
Six settings shape the export. Here is what each one changes and the job it fits.
| Setting | What it does | Best for |
|---|---|---|
| Subreddit and username | The r/ community and u/ author shown above the title | Setting the context of the post. Keep both invented Most used |
| Flair | A small tag beside the title, such as Discussion or Help | Signalling what kind of post it is at a glance. Leave blank to hide it Situational |
| Upvotes | The score in the vote pill, shortened to 4.2k style above a thousand | Matching the size of the reaction to the size of the community Most used |
| Comment depth | Top level, Reply 1, or Reply 2, drawn with an indent and a thread line | Showing a real back and forth instead of a flat list of replies Most used |
| OP tag | Marks a comment as written by the original poster | Threads where the author answers a question in the comments Situational |
| Dark theme | Near-black card with light text, the common dark forum palette | Reels, dark slides, and thumbnails that need contrast Situational |
Layout follows the common light and dark forum card patterns as of 2026. This tool is not affiliated with, or endorsed by, Reddit.
Use It Right
A post mockup is a graphic. These are the jobs it is built for, and the two uses that turn it into something else.
| Scenario | What it is | Verdict |
|---|---|---|
| Content and community comps | Showing what a thread would look like before a community exists | Good use |
| Presentations and case studies | Illustrating a discussion pattern or a customer objection with invented users | Good use |
| Memes and fiction | Clearly humorous threads written for a joke, a comic, or a video script | Good use |
| Teaching and workshops | Explaining how forum voting, threading, and flair work | Good use |
| Fake screenshots of real threads | Editing what a real person or community appears to have said | Never |
| Manufactured social proof | Presenting invented praise as genuine, unpaid community endorsement | Never |
Avoid These
Four of these are craft. The first two are not negotiable. Read them before you export anything that leaves your own screen.
This outweighs everything else here. A generated image is not a record of a discussion. Presenting one as a genuine thread to sell something, win an argument, or damage someone is deception.
Never present it as realA real subreddit name plus a real username reads as a screenshot of that community. Invent both. Communities have rules about impersonation, and so does the law in many places.
Invent both namesA post with tens of thousands of upvotes and four comments looks wrong to anyone who uses forums. Keep the score, the comment count, and the age of the post in proportion.
Keep scores in proportionReal threads nest. If every comment sits at the top level, the mockup reads as a list. Use Reply 1 and Reply 2 so at least one exchange has a genuine back and forth.
Nest at least one replyOne skeptic, one enthusiast, one person asking a practical question. Uniform agreement in every comment is the clearest sign a thread was written by one person.
Vary the voicesAwards signal that a lot of people saw something. Two awards on a post with 30 upvotes reads as decoration, so switch the row off when the score is modest.
Awards need scaleBest Practices
All CommonNinja widgets mentioned below are free to start. Use these while you write the thread and after you place the export.
01
Forum titles are specific and a little plain. A concrete detail beats a clever hook, because that is how posts actually get written.
02
A made-up community and author keeps the mockup a design asset. It also keeps you clear of impersonating a real community.
03
A few hundred upvotes reads as a solid post in a niche community. Tens of thousands implies a front-page moment, so only use it if the rest of the mockup supports that.
04
Set one comment to Reply 1 under its parent, and answer it with an OP-tagged reply. That single exchange does more for realism than any other setting.
05
Agreement, a question, a mild disagreement, then the author answering. Four distinct intentions read as a real thread.
06
A mockup shows what engagement looks like. A comments widget lets it actually happen on your site instead of somewhere else.
Add Comments free โ07
If the discussion about your product already happens on Reddit, a feed widget can surface it on your own pages, where it does you some good.
Add Reddit Feed free โ08
One caption noting the thread is a design mockup removes all ambiguity, and costs nothing in a deck or an article.
Glossary
Six terms worth knowing if you design forum screenshots for a team.
From the Blog
More from the CommonNinja blog. Free, no sign-up, practical posts on building discussion around what you make.
In this article, we are going to discuss incentives, and learn how to use them to boost engagement on your website.
Read article โIn this article, we are going to explain what website engagement is & how to increase it.
Read article โIn this article, we are going to discuss how to use social media to drive traffic to your website.
Read article โIn this article, we are going to explain how to use videos on your website to boost engagement.
Read article โIn this article, we define brand community and its importance. We discuss key elements like shared interest and active...
Read article โIn this article, we explore the intricacies of the Group Stage format in tournaments.
Read article โ