Social media post mockup

Why mock a post up before you publish

A caption that reads well in a document can look completely different once it is wrapped at feed width with a "See more" cut, an image that looks great as a file gets cropped to 4:5 on Instagram, and a client who approved the copy in an email often reacts differently when they see it as a real post. A mockup settles those conversations in one glance. It is also what agencies paste into decks and approval threads, and what you screenshot for a portfolio when the real post is not live yet.

What the mockup shows

Each platform is drawn with its own layout, fonts, icons and labels:

Every platform is available in light and dark mode, and either as a clean post card on a soft background or inside a phone screen with a status bar, which reads better in a presentation.

Carousels and multi-image posts

Drop two or more images and the mockup switches to each platform's multi-image layout. Facebook draws a carousel ad: square cards side by side with the next card peeking in from the right, each with a headline, your page name and a button whose label you set. Instagram and LinkedIn show one slide at a time with the slide counter in the corner and the dots or page bar underneath, and you choose which slide is in front. For a carousel the download always contains two PNGs: the feed view exactly as people scroll past it, and an all-slides view with every card laid out side by side, which is the one clients understand at a glance.

Getting a convincing result

• Use the real image size. The preview crops tall images the way the feed does, so you see exactly what gets cut off. Square or 4:5 images show in full.
• Upload your logo as the avatar. The initials fallback is fine for a quick check, but the logo is what makes the mockup look like a screenshot.
• Set believable counts. Likes, comments and shares are formatted the way each platform does it, so 1240 becomes 1.2K where the platform would abbreviate.
• Paste the final caption. Line breaks and emoji are kept, and long captions are cut where the feed would cut them.
• Turn on the sponsored label when you are proofing an ad rather than an organic post. The label wording changes per platform.

Downloading and using the mockup

The download is a PNG at twice the on-screen size, so it stays sharp when placed on a slide, in a document or on a portfolio page. Because the background is included, it drops straight into a deck. If you need it without the background for a composite, crop it with the crop tool afterwards.

What it does not do

It does not post anything, schedule anything or connect to any account, and it is not a pixel-perfect replica of every platform update. Feed layouts change by a few pixels every few months; the mockup follows the current layout closely enough for approvals, decks and portfolio pieces, which is what mockups are for. Video posts are not previewed yet; use a frame from the video as the image and the layout is otherwise identical.

Privacy

Unreleased campaigns are exactly the kind of thing that should not be uploaded to a random mockup site. This tool draws the preview and produces the PNG entirely in your browser. Your image, caption and logo never leave your device.