BlueskyBluesky mockups

Fake Bluesky post & feed mockup generator

Build a Bluesky post the way the app draws one — the handle written as a domain, stacked under the display name because it will not fit beside it, the reposts, replies and likes written out as a sentence between two hairlines, bare action icons carrying no numbers, and no view counter anywhere.

Open the Bluesky editorFree · no account · PNG and video

Start from a Bluesky example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
BlueskyBlueskyCreator

A handle that is a website

The thing no other network does: the username is a domain the person controls, and that is the verification.

Use this template
BlueskyBlueskyCreator

A photo and one line

The everyday post — an image, a short caption, and the three counts written out as a sentence rather than stacked beside icons.

Use this template
BlueskyBlueskyCreator

Leaving the other place

The post that filled Bluesky's first year, and a reason to show a repost count doing more work than the likes.

Use this template

How to make a Bluesky mockup

  1. Start from an example

    The three above cover the field that matters: two .bsky.social handles and one person posting from a domain they own.

  2. Set the author

    Photo, name, and the handle. Leave the domain off and it is completed for you; type a full one and it is kept.

  3. Write the post

    Line breaks are kept, and nothing truncates. Bluesky allows 300 characters and shows all of them.

  4. Set the three counts

    Reposts, replies and likes, as free text. Switch Liked on to fill the heart pink.

  5. Export

    Full-height PNG at 1x free, up to 3x on Pro, device frame optional, and onto a sized canvas if it is going into a deck.

How the Bluesky interface is put together

Our Bluesky skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

The handle is a domain

@maya.rivera.bsky.social, or a website the person actually owns. No other network here writes an address where the username goes, and it is the single most Bluesky thing on the screen. Type a handle with no dot in it and the generator completes it to .bsky.social, because that is what Bluesky does.

Which is why the name needs two lines

X fits Name @handle on one line. A domain will not share a line with a display name, so Bluesky stacks them — bold name above, grey domain below. That two-line author block is a structural difference, not a styling choice.

No view count

Bluesky has never shipped one. X's post detail is built around its view counter, so the absence is the quickest way to tell two very similar screenshots apart. The Views field is hidden here rather than shown and ignored.

The counts are a sentence

311 reposts · 94 replies · 1,842 likes, bold numbers and grey words, between two hairlines. X spreads icons with counts beside them. Same information, different sentence.

The icons carry no numbers

Reply, repost, like and more — bare glyphs, evenly spread, with nothing beside them. The counts were said once already in the line above, and repeating them next to the icons is X's layout rather than this one.

A green repost and a pink heart

Bluesky's repost arrows are green and its like is pink. X uses green and a magenta-red. Close enough that a recolour looks plausible and wrong, which is why the whole card is built from the real screen instead.

What people use Bluesky mockups for

Questions about Bluesky mockups

Why did my handle get .bsky.social added to it?
Because every Bluesky handle is a domain. Accounts that have not pointed one of their own at it are given name.bsky.social automatically, so a handle with no dot in it is not one Bluesky would ever display. Type a full domain — yourname.co.uk — and it is left exactly as written.
Is this just the X generator in different colours?
No. The author block is two lines because a domain cannot share one with a name, there is no view counter, the counts are a sentence between two rules rather than four icon-and-number pairs, and the action icons carry no numbers at all. A recolour would get every one of those wrong.
Can I add a view count?
No. Bluesky does not have one, so the control is hidden rather than left in place doing nothing. If you want the standalone view counter, that screen is X.
Where is the Sponsored switch?
Hidden, because Bluesky carries no advertising. There is no Sponsored or Promoted label on the real screen for the switch to turn on.
Can I add more than one image?
Not yet. Bluesky grids up to four images on a post and this skin draws the first only. That shortfall is recorded rather than hidden.
Can I make a post for a real person?
No, and our terms prohibit it — a domain handle makes a fake look more credible, not less. Parody, teaching, fiction and design work are fine, and every example on this page is invented.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to Bluesky and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your Bluesky mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the Bluesky editor