Crypto-native Open Graph image API for AI-built sites

Open Graph image API for 1200×630 social cards

OGKit turns one HTTPS URL into a 1200×630 PNG og:image for any framework. Generate dynamic social preview cards for Slack, Discord, LinkedIn, iMessage, and X from server-rendered metadata — no custom renderer, no Satori bundle budget, no headless browser. Use OGKit as a hosted alternative to Vercel OG routes, screenshot services, and hand-designed cards; pay globally with crypto when you need production quota.

No-login demo previewsCrypto-native checkoutCursor-friendly docsSigned production URLs

New to Open Graph images? Read the Open Graph image SEO guide 2026 →

/api/og/article?title=Launch
Example OGKit article Open Graph image preview
Product social preview image generated by OGKit
Developer code social preview image generated by OGKit

PNG output

1200×630

Preview templates that look ready to ship

OGKit generates real 1200x630 social cards for articles, products, launch pages, and developer docs.

Open Playground
Article social preview image generated by OGKit
Article template
Product social preview image generated by OGKit
Product template
Developer code social preview image generated by OGKit
Code template

For AI-assisted developers

Paste the docs into Cursor or Claude and build deterministic 1200x630 PNG URLs for Next.js, Astro, Rails, Django, and any stack.

For global indie teams

Start with watermarked demo previews, then upgrade through crypto checkout when you need production quota and no watermark.

For production

API keys, monthly quota, cache-friendly responses, signed URLs, domain allowlists, and a Playground for testing every template.

One URL in, social card out

How the Open Graph image API works

Every OGKit template is an HTTPS endpoint. You pass structured fields — title, subtitle, author, logo, product image, price, or code snippet — as URL query parameters, and the API returns a ready-to-embed 1200×630 PNG. There is nothing to install: build the URL on the server, assign it to openGraph.images (Next.js), a <meta property="og:image"> tag, or any framework metadata layer, and you are done.

Because image URLs are deterministic, CDNs and social-network scrapers cache the PNG after the first fetch. Slack, LinkedIn, iMessage, Discord, and X unfurl the same cached byte-for-byte preview on every reshare — no re-render, no rate-limit surprise. Watermarked demo=1 previews are available without an account, so you can validate your card layout in the Playground before committing to a production key. Read the Open Graph SEO guide for a deeper walkthrough of metadata patterns, caching, and common mistakes.

GET200 image/png

/api/og/article?title=Ship%20notes

CacheCDN ready

public, s-maxage=31536000

UseNext.js

metadata.openGraph.images

Built for crypto-native developer workflows

demo=1

Try first

Generate watermarked demo images without creating an account or entering a card.

USDT

Pay globally

Crypto checkout avoids card processor limits and keeps paid access simple for international builders.

HMAC

Ship safely

Use signed URLs and domain allowlists when public pages need controlled image generation.

Open Graph image API use cases

Compare OGKit

Short decision pages for teams evaluating OGKit against custom Vercel OG routes, MetaShot, OGMagic, Bannerbear-style template tools, and browser screenshot APIs.

Frequently asked questions

What is OGKit?

OGKit is a crypto-native Open Graph image API that returns dynamic 1200x630 PNG social preview images from template and query parameters.

Why crypto-only checkout?

Crypto checkout keeps OGKit available to global developers without card processors, regional billing blocks, or subscription lock-in.

Is OGKit a Vercel OG alternative?

Yes. OGKit is a Vercel OG alternative for teams that want hosted templates, API keys, quotas, and a Playground instead of maintaining custom @vercel/og routes.

Does OGKit work with Next.js?

Yes. In Next.js App Router, point metadata.openGraph.images and twitter.images at a full OGKit image URL generated on the server.

How is OGKit different from screenshot APIs?

Screenshot APIs capture webpages. OGKit generates purpose-built Open Graph cards from structured fields like title, author, image, logo, and product details.