OGKit
Sign inGet OGKit free
New · Edge-rendered templates

Social previews that never go stale

Design one branded Open Graph template, then generate fresh, on-brand share images automatically — via a live API or bulk export. From $7/month.

Get OGKit free Read the docs
Free for 1 template · No credit card
Live previewType to re-render →
acme.dev
Ship faster with Acme
acme.dev/blog/postRendered
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 URL into your <meta> tag. OGKit renders a fresh image on every crawl, pulling live values for {{title}}, {{subtitle}}, and {{site}}.

Bulk generation

Point OGKit at a CSV or sitemap and export a ZIP of on-brand images for every page at once — perfect for migrations and backfills.

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 content fields.

02

Copy your API key

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

03

Drop it into <meta>

Paste one line. Every crawler now gets a freshly-rendered, in-sync preview image.

<meta property="og:image" content="https://og.ogkit.dev/api/og?key=ogk_live_8fa2&title=Ship+faster" />
Templates

Start from a preset, make it yours

A growing library of preset styles. Fork one, swap the brand, and you're live in minutes.

studio.dev
Clean, type-led headline
studio.devPreset
acme.dev
Bold gradient with big type
acme.devPreset
GradientUse template
linear.app
Release 4.2 — what shipped
linear.appPreset
ChangelogUse template
ogkit.dev
API reference · Quickstart
ogkit.devPreset
Pricing

One simple plan. Seven dollars.

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

Free
$0/mo
  • 1 template
  • 20 generations / mo
  • "Made with OGKit" watermark
Start free
Pro
Everything, unlimited
$7/mo
  • Unlimited templates
  • Unlimited generations
  • No watermark
  • Custom render domain
  • 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.

Your previews, always in sync

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

Get OGKit free