That's it. When Twitter, LinkedIn, or Slack crawls your page, GrabShot screenshots your live site and serves it as the preview image. Your OG image updates automatically whenever your site changes. No build step, no server code, no cron job.
The ogk_ key is derived from your API key via HMAC-SHA256. It's safe to put in public HTML because it can only be used for OG generation, not general API access.
You can also add device frames (iPhone, MacBook mockups) or AI cleanup that removes cookie banners and popups before the screenshot is taken.
How it works under the hood: Node.js + Puppeteer + Sharp for image processing, Gemini 2.0 Flash for AI cleanup. Results are cached and served from a single VPS.
Free tier: 25 screenshots/month, no credit card. OG parameter is on Pro/Business plans ($29/$79).
I built GrabShot (https://grabshot.dev). The feature I'm most excited about: live OG images with zero backend code.
You add one meta tag to your HTML:
That's it. When Twitter, LinkedIn, or Slack crawls your page, GrabShot screenshots your live site and serves it as the preview image. Your OG image updates automatically whenever your site changes. No build step, no server code, no cron job.
The ogk_ key is derived from your API key via HMAC-SHA256. It's safe to put in public HTML because it can only be used for OG generation, not general API access.
You can also add device frames (iPhone, MacBook mockups) or AI cleanup that removes cookie banners and popups before the screenshot is taken.
How it works under the hood: Node.js + Puppeteer + Sharp for image processing, Gemini 2.0 Flash for AI cleanup. Results are cached and served from a single VPS.
Free tier: 25 screenshots/month, no credit card. OG parameter is on Pro/Business plans ($29/$79).
Try it without signing up: https://grabshot.dev/try.html Docs: https://grabshot.dev/docs
Would love feedback on the approach.