OGKit
New · Edge-rendered templates

One tag. A perfect share image for every page.

Design one branded template, then drop a single tag in your <head>. OGKit reads each page's own URL for its real title and renders a fresh, on-brand Open Graph image — no per-page code, no stale exports.

Read the docs
Free for 1 template · No credit card
Live previewPro template
acme.dev
Ship faster with Acme
Design once — every page, perfectly on brand
acme.dev/blog/postPro
Why OGKit

Three ways to stay in sync

Design once. Then generate previews however your workflow needs — live, in bulk, or both.

Visual editor

Design your OG template in the browser — backgrounds, logo, fonts, colors, and dynamic field bindings. No design tools, no code required.

Dynamic API

Drop one tag on every page. OGKit reads each page’s own URL — from a curated card or a live crawl — for its real title and description, and renders a fresh image on every crawl.

Bulk generation

Point OGKit at your sitemap or a list of URLs — it crawls each page for its real title, then hands you a ZIP of images, a manifest, and ready <meta> snippets. For when you want to own the files instead of calling the live endpoint.

See it work

See exactly how your link looks when it's shared.

You update your page — but a static export can't. It still shows last season's headline. OGKit re-reads the URL and re-renders on the next crawl, so every share card stays current.

Static export· frozen 94 days ago
Your Company@yourcompany · 2h

Just shipped something new 🚀

YOURSITE.DEV
Spring sale — 20% off
Ends April 30 · last season
yoursite.dev/pricing
Spring sale — 20% off
With OGKit· synced just now
Your Company@yourcompany · 2h

Just shipped something new 🚀

YOURSITE.DEV
Pricing that scales with you
Start free — upgrade when you ship
yoursite.dev/pricing
Pricing that scales with you
Live demo — the right card re-renders itself. Try your own link in the playground →
Templates

Start from a preset, make it yours

15 preset styles — every tone, pattern and layout. Fork one, swap the brand, and you're live in minutes.

Clean, type-led headline
studio.devPreset
ACME.DEV
Bold gradient with big type
acme.devPreset
GradientUse template
LINEAR.APP
Release 4.2 — what shipped
New: bulk generation, dark mode, faster renders
linear.appPreset
ChangelogUse template
ogkit.org
API reference · Quickstart
Everything you need to make your first request
ogkit.orgPreset
BLOG.ACME.DEV
Why we rebuilt our rendering pipeline
5 min read · Engineering
blog.acme.devPreset
Blog postUse template
ACME.DEV
Introducing Workflows 2.0
Automate anything, no code required
acme.devPreset
Product launchUse template
ACME.DEV
Meet the new dashboard
Faster, cleaner, entirely yours
acme.devPreset
SpotlightUse template
acme.dev
40%
fewer support tickets
acme.devPreset
Big metricUse template
Engineering
CI
Performance
How we cut build times in half
acme.devPreset
STUDIO.DEV
Design that scales with you
Build once, ship everywhere
studio.devPreset
The all-in-one workspace
Docs, tasks, and chat
acme.dev
acme.devPreset
OGKit cut our launch prep from days to minutes.
Jane Doe, Head of Growth
acme.devPreset
TestimonialUse template
Dynamic OG images in one line
og:image = og.dev/api/og?key=abc&title=Hi
ogkit.orgPreset
A
Introducing Acme Cloud
Infrastructure, simplified
acme.devPreset
AnnounceUse template
acme.dev
Meet the new dashboard
Everything in one place
acme.devPreset
How it works

The whole loop is one line of HTML

Set it once. OGKit regenerates the image live on every crawl — no rebuilds, no manual exports.

01

Design your template

Build a branded layout in the visual editor and bind it to your site’s domain.

02

Copy your API key

Grab a persistent render URL — your key never changes, so your tags never break.

03

Drop one tag on every page

Paste one line with the page’s own URL. OGKit reads each page for its real title — every crawler gets a fresh, in-sync image.

<meta property="og:image" content="https://og.ogkit.org/api/og?key=ogk_live_8fa2&url={{canonical_url}}" />
Pricing

One simple plan. $7.99 a month.

Start free while you build. Upgrade when you ship — no per-seat math, no surprises.

Free
$0/mo
  • 1 template · 1 domain
  • Up to 3 curated pages
  • "Made with OGKit" watermark
Start free
Pro
Everything, unlimited
$7.99/mo
  • Unlimited templates
  • Unlimited curated pages
  • No watermark
  • Custom render domain (soon)
  • Live API + bulk export
Get OGKit Pro
FAQ

Questions, answered

You drop a single OGKit render URL into your og:image meta tag. Every time a crawler fetches your page, OGKit renders a fresh image using the live values for your title, subtitle, and site — so the preview always matches the current content.

Still have questions? Email support@ogkit.org.

Your previews, always in sync

Design a template in two minutes. Ship one meta tag. Never touch a share image again.

Get OGKit free