Hey DEV community! 👋

I'm excited to finally join DEV and share what I've been building, breaking, and shipping lately.

Over the past few years working on web apps, technical blogs, and creator tools, I kept running into the same annoying pre-launch ritual:

You export a 1200×630 Open Graph image ( og:image ) or a 1280×720 YouTube / social graphic.

You want to see how it actually renders inside X ( summary_large_image ), LinkedIn ( 1200×627 ), Facebook, Discord's dark #2B2D31 embed, WhatsApp, or Instagram's 3:4 profile grid before deploying to production.

Every existing preview tool either requires your URL to already be live on a public HTTPS domain (like Meta Sharing Debugger or LinkedIn Post Inspector) or forces you to create an account, hit a paywall, and upload your local files to a remote server.

So I decided to build a fast, 100% client-side, zero-login preview studio: SocialThumbs.com .

🛠️ What It Does (And Why Everything Runs in the Browser)

My main engineering rule for the project was…