HN Showcase
Back to browse
Linkshot – Auto-generate OG images from your live site via API

Linkshot – Auto-generate OG images from your live site via API

by shafkathullah·Apr 14, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●●SolidSlickSolve My Problem

Screenshots real pages with real CSS instead of fighting Satori's JSX-that-pretends-to-be-CSS.

Strengths
  • •Real fonts, CSS, and layout instead of template-based rendering engines
  • •linkshot: modifier injects Tailwind classes to hide navbars and cookie banners
  • •Edge rendering across 300+ PoPs for fast OG image generation
Weaknesses
  • •Screenshot approach may have performance and caching implications vs static templates
  • •OG image generation is crowded with Vercel OG, Bannerbear, Plasmic
Target Audience

Web developers who need OG images without template maintenance

Similar To

Vercel OG · Satori · Bannerbear

Post Description

Hey HN! Posts with OG images get 2x more engagement and 114% more impressions than those without [1]. Yet most devs either skip them or fight Satori/vercel-og — broken fonts, image errors, JSX that pretends to be CSS but isn't. I got tired of it and built something different.

Linkshot screenshots your actual live site and serves it as the OG image. Real CSS, real fonts, real layout. One API call, done.

We also allow inject Tailwind classes into the render — hide navbars, restyle for the OG crop with 'linkshot:*' modifier also web extension to do local dev fit check, all without needing your site having to use TailwindCSS.

Would love to hear what's missing or what you'd do differently.

https://uselinkshot.com/

[1] https://www.semrush.com/blog/open-graph/

Similar Projects

Developer Tools●●Solid

Ogimg.xyz – Generate OG images via API, no headless browser

Call /api/og with title, description and a template and you get a 1200x630 PNG served from the edge — no Puppeteer or headless browser required. It bundles useful UX bits (auto-fetch metadata from a URL, 10 templates, pattern and color controls, logo support behind paid tiers), but the core idea is convenience rather than novelty — plenty of competitors and examples already exist.

Solve My ProblemSlick
victorlgch
104mo ago
Developer Tools●●Solid

GrabShot – Live OG images with one meta tag, no back end needed

GrabShot nails the ergonomics developers actually care about: a single meta-tag option for dynamic og:image delivery (public key so you don't leak secrets), element-level screenshots, dark mode, and device frames — all with caching that claims <50ms after the first render. Useful feature set and sensible UX, but it's competing in a crowded market of screenshot-as-a-service offerings, so its success will hinge on reliability, price, and CDN/cache durability rather than novel tech.

Solve My ProblemSlick
grabshot_dev
103mo ago