Linkshot TailwindCSS Fit Check

About

Linkshot Tailwind Fit Check lets you see exactly how your website will look in a Linkshot OG screenshot, before you push a single line of code.
Linkshot injects Tailwind CSS into your page when generating screenshots. That means the Tailwind modifiers you write need to render correctly in that context, and without a way to preview that, you're flying blind.
This extension solves that. Click the icon on any page and it overlays your site in a 1200×630 iframe, the exact dimensions used for OG images, with Tailwind already injected, matching what Linkshot's screenshot engine will produce.
Use it to:

Confirm your Tailwind utility classes render as expected in OG image dimensions
Catch layout or styling issues before they go live in link previews
Iterate on your design with confidence. What you see is what Linkshot screenshots.

Built for developers using Linkshot to generate Open Graph images for their websites.