Preview how any link looks when shared.
Paste a URL. See the social card on Facebook, X, LinkedIn, Slack, Discord, iMessage, WhatsApp, Telegram, Pinterest, Google, Gmail and more. Edit any field, every preview updates. No account, no uploads.
Preview how your link will look when shared
Paste any public URL above and we'll render pixel-faithful previews for every major platform.
How it works.
URL in, validated unfurl out. No account, no installs. Parsing happens in your browser.
Paste your URL.
An Unwrite edge function fetches the page HTML. The URL is not logged. Your browser does the parsing.
Every platform at a glance.
Eighteen previews render side by side. Each one matches the real platform chrome.
Fix anything that's broken.
Validation flags missing og:image, oversized descriptions, and the wrong Twitter card type. Copy the corrected <head> block and paste it into your site.
What it does.
Real platform chrome
Each preview matches the real platform layout, not a generic mockup.
18+ platforms
Bluesky, Threads, Mastodon, iMessage and Outlook web, not just Facebook and Twitter.
Light and dark, desktop and mobile
Toggle per platform. Match how the card actually looks for your audience.
Works before the page is live
Type the meta tags by hand. Edit any field and every preview updates.
Specific warnings
Tells you the exact platform and the exact problem, e.g. 'Twitter title is 87 chars; expect truncation at ~70'.
Privacy by design
Parsing runs in your browser. The fetch goes through a relay that does not log URLs. Paste HTML to skip the relay entirely.
When to use it.
Marketers planning a campaign
Check a campaign URL before you schedule the posts. Catch a missing og:image now, not after the email goes to 50,000 people.
Developers shipping a new page
Check your og:title, og:description, twitter:card, and og:image before you merge. No deploy-and-test loop across five platforms.
SEOs auditing what Google indexes
Compare what Google shows in the SERP to what Facebook shows in a share. Google reads <title> and <meta name=description>. Facebook reads og:*. The two can drift without anyone noticing.
Designers verifying the hero image
Check that the hero you spent two days on still works as a 1.91:1 social card and a 2:3 Pinterest pin. The validator flags aspect-ratio mismatches on the spot.
Questions.
- Does my URL leave my browser?
- Yes, once. When you click Fetch, the URL goes to an Unwrite edge function at /api/og-fetch. That function fetches the page and returns the HTML. URLs, request bodies, and response bodies are not logged. Parsing happens in your browser. To skip the relay, switch to HTML-paste or Manual mode.
- Why can't I just fetch the URL directly?
- Browsers enforce CORS. They refuse to read responses from another domain unless that domain opts in. Most sites do not opt in, so we relay through a server that does.
- The fetch failed. What now?
- The site returned an error, blocked the request, or our function is briefly down. Switch to HTML paste, or paste the page source here.
- Why does Facebook show a different preview than mine?
- Facebook caches OG tags. Use the Facebook Sharing Debugger to refresh their cache.
- Why doesn't my LinkedIn preview update?
- LinkedIn caches OG tags for about 7 days. Use the LinkedIn Post Inspector to force a refresh. The preview here shows the current state; LinkedIn just hasn't picked it up yet.
- Can I preview a page that's behind a login?
- Yes. Paste its HTML in the HTML tab. Nothing is sent to a server in HTML-paste mode.
- Why are these specific platforms?
- We picked the ones with distinct unfurl chrome. Where two products share rendering (X and Bluesky), we render both. The chrome and engagement rows differ enough to matter.
- What is the Twitter card type?
- X renders three card layouts: summary (small square image), summary_large_image (banner image), and player (embedded video/audio). The choice determines image size and layout. If you don't declare twitter:card, X falls back to summary.
- My image isn't loading in the preview.
- Either it is a relative URL (we try to resolve), it is behind hot-link protection, or your <meta> value is wrong. The validation panel will tell you which.
- Are these previews exact?
- They match each platform's public, documented behaviour. Platforms occasionally A/B test layouts, so corners may shift by a pixel. The structure and information density are the same.
- Can I export a preview?
- Yes. The three-dot menu on any card has Export as PNG. The global Export button bundles multiple platforms into a ZIP.
- Where do I add the missing meta tags?
- Copy the generated <head> block and paste it into your site's HTML between <head> and </head>. Most CMSes have a 'head injection' or 'custom meta' field that takes raw HTML.
- Why is theme-color highlighted on Discord but not other platforms?
- Discord uses <meta name="theme-color"> to colour the left side bar on the embed. Other platforms ignore it for share previews, and setting it everywhere is harmless.
- Is there an API?
- No. The tool is a static front-end. The only server-side endpoint is the URL-fetch relay, which is not public.