OGKit
Getting started

OGKit documentation

OGKit lets you design a branded Open Graph image template once, then generate a perfectly-styled social preview for every page, post, or product — automatically. No design tool, no manual exports, and no stale images when your copy changes.

Two ways to use it

Dynamic API. Point your og:imagemeta tag at your template's endpoint and pass each page's own URL as &url=. Every time a crawler (X, LinkedIn, Slack, iMessage…) fetches it, OGKit reads that page — from a curated card or a live crawl — for its real title and description, and renders a fresh PNG that matches the page's live content. One tag covers your whole site.

Bulk generation.Paste a sitemap URL or upload a CSV of titles and get a ZIP of pre-rendered images — for static sites that can't call a live API.

The mental model

A template stores the design(layout, colors, fonts, pattern) and is bound to your site's domain. The request's url picks the page; OGKit pulls that page's real content (from its saved card, or a live crawl). Design × page = your image. Prefer to supply the text yourself? Pass title / subtitle / site to override the pull.

New here? The Quickstart gets a working image into your site in three steps, or jump straight to the Playground to see it live.
Start the Quickstart