Fake Facebook comment generator

How to make a Facebook comment mockup

1. 1

   Build the comment section

   Add commenters, their avatars, replies, timestamps, and like counts.

2. 2

   Match Facebook details

   Add bold text or @mentions, set the total comment count, and switch dark mode or the device frame.

3. 3

   Export

   Hit Export to create a PNG mockup.

What you can do with the Facebook comment generator

• Facebook comment bubbles

  Grey rounded comment bubbles with a bold name, plus one level of replies with smaller avatars, the way Facebook draws them.

• Likes and reactions

  Each comment gets a timestamp, Like and Reply row, and a blue thumbs-up reaction chip with a count.

• Rich text and sort controls

  Use bold, italic, strikethrough, links, and @mentions inside a comment. The Most relevant sort dropdown and a View more comments footer round it off.

• Dark mode, device frame, and PNG export

  Switch dark mode, add a device frame, and export a PNG mockup for decks, tutorials, and social examples.

Related Facebook pages