Fake Bluesky chat generator

How to make a Bluesky chat mockup

1. 1

   Add your messages

   Click to add a message. Swap sender and receiver, edit text inline, drop in images.

2. 2

   Match the Bluesky details

   Set the contact's name and avatar, adjust timestamps, and toggle dark mode.

3. 3

   Export

   Hit Export to create a PNG mockup or a video that scrolls through the chat.

What you can do with the Bluesky chat generator

• Blue and grey bubbles

  Your messages sit in Bluesky-blue bubbles on the right, theirs in light grey on the left, with the rounded corners the real DM screen uses.

• Date labels and timestamps

  A date label opens each day, and a small AM/PM timestamp sits under the last message of every run.

• Header and message bar

  Back arrow, avatar, contact name, and the more menu up top, with the round "Write a message" field and blue send button below.

• Images, dark mode, and export

  Drop images into any message, switch to dark mode, and wrap it all in a phone frame before you export a PNG or video.

Related Bluesky pages