Free · No sign-up · 100% in your browser
Facebook Post Mockup Generator
Fill in the page name, copy, image and engagement numbers — the feed post card redraws as you type, then downloads as a watermark-free HD PNG, transparency included.
Renders at a 500 px card width, exported at 2×. Uploads never leave your device.
Page identity
Post body
Engagement & canvas
How it works
Three steps, no account, nothing uploaded to a server.
Page name, post time, copy, avatar and post image. Everything is stored in memory in your own browser tab.
The mockup redraws on every keystroke with real feed geometry: 40 px avatar, 15 px copy, ratio-cropped image and the reaction row.
One click renders the same card at 2× on an offscreen canvas and saves a watermark-free PNG — transparent if you picked transparency.
Built for client-ready mockups
500 px card, 8 px radius, 4 px image corners, Facebook's own neutral sans — not a lookalike grid.
Square 1:1, portrait 4:5 and landscape 1.91:1 crop the image centre-out, exactly like the feed does.
Export on white, light gray, dark or real PNG alpha for slide decks and ad reviews.
Type 1.2K, 84 or 1.4M — counts are printed exactly as entered, so the screen never lies.
No login, no upload endpoint, no tracking of your image. Files are read locally with FileReader.
Runs in the browser on a laptop, tablet or phone — nothing to install before a pitch.
FAQ
Are my images uploaded anywhere?
No. Images are read in your browser with FileReader, drawn to a canvas and never sent to a server. Closing the tab clears everything.
How large is the downloaded PNG?
The card is laid out at 500 px and exported at 2× device scale, so the PNG is about 1120 px wide (560 px stage) and taller for longer copy.
What does the transparent background do?
The stage behind the card is left unpainted, so the PNG keeps a real alpha channel while the card itself stays white (or dark, if you picked the dark canvas).
Is this an official Facebook tool?
No — it is an independent mockup renderer for previews, pitches and ad reviews. It does not connect to Facebook and does not post anything.
Why do long posts make the card taller?
The mockup mirrors the feed: text wraps to the card width with no "See more" cut-off, so a full caption is shown end to end.