Question 1

Why mockup a post before publishing?

Accepted Answer

Every platform wraps your content in its own chrome — avatar circle size, handle color, timestamp placement, image aspect crop, link card height, character truncation point. What looks tight in your drafting tool often breaks in the wild: a line that fits in Notes gets truncated on Twitter after 280 characters; a square image looks fine on Instagram but crops ugly on LinkedIn's 1.91:1 aspect; a thread preview on Threads hides content after two lines. A mockup shows the truth before you hit Post. It's also useful for screenshotting hypothetical posts for pitch decks, Twitter threads about Twitter, design critiques, and product mocks where you need a plausible-looking social card without creating a real post.

Question 2

Are the mockups pixel-accurate?

Accepted Answer

The card chrome — avatar shape, name weight, handle color, timestamp format, icon row, padding, border radius — is reproduced from each platform's current post card design as of April 2026. X uses 15px body text with a 40px avatar; Instagram uses a 32px avatar above a square image; LinkedIn uses a 48px avatar with role line and timestamp with globe icon; Threads mimics X chrome with Meta's typography; Facebook uses a 40px avatar with 'shared a post' language. We update the mockups when platforms ship visible redesigns. Fonts use web-safe stacks that match each platform's system fonts (SF Pro on Apple systems, Segoe UI on Windows, Roboto on Android) — so the rendering on your machine is the rendering someone browsing from the same OS will see.

Question 3

Does it export as a real image file?

Accepted Answer

Yes. The Export PNG button renders the platform card to an HTML5 canvas using html2canvas (loaded on-demand from cdnjs) and downloads a PNG file at native retina resolution (2x pixel density). The exported image has the exact same visible pixels as what you see on screen — suitable for decks, client presentations, Twitter threads, design reviews. There's also a Copy to Clipboard option that writes the PNG directly to your clipboard so you can paste into Slack, Figma, Keynote, or a chat without saving a file first.

Question 4

Is my avatar uploaded anywhere?

Accepted Answer

No. Avatars are read into a browser File API object and rendered directly onto the mockup card. Nothing uploads to a server, nothing logs, nothing persists after you close the tab. This is deliberate: mockups often involve real team photos, client logos, prototype brand marks, or unreleased product imagery — transmitting that to a third-party service would be a leak risk. Everything — avatar, handle, post text, attached image, exported PNG — stays on your machine. You can verify with DevTools Network tab: zero requests leave your browser after initial page load.

Question 5

What platforms are supported and which ones aren't?

Accepted Answer

Supported: X (Twitter), Instagram (feed post with single image), LinkedIn (personal post), Threads (text + optional image), Facebook (personal post). Not yet supported: TikTok (short-form video platform — a static mockup misses the point), YouTube Shorts (same reason), Pinterest (product-card design is meaningfully different), Mastodon / Bluesky (chrome varies by client/instance, so a canonical mockup is ambiguous), Discord (private channels not public posts). We cover the five platforms that marketers and designers most commonly pitch posts for; for video platforms, screenshot mockups aren't the right tool.

Question 6

Can I use real celebrity avatars or brand logos?

Accepted Answer

The tool allows any image upload — but uploading a brand logo or a real person's photo and publishing the resulting mockup can raise right-of-publicity, trademark, or defamation issues depending on context. For design comps, internal decks, and private critique, it's generally fine. For public posts — especially ones that attribute statements or opinions to a real person or brand — be cautious. A satirical mockup clearly labeled as satire is usually protected; a realistic mockup that a viewer could mistake for a genuine post is riskier. We don't police the tool's content, but we do recommend considering how the exported image will be used before publishing.

📖 Learn More