Live preview and URL builder. The API key is kept in this browser only.
Minimal — Title + subtitle, no frills.
Leave blank for demo=1 (no watermark during open access). Add a key when you want rotatable production URLs.
Supported values: theme light/dark/classic, pattern none/dots/grid, colors as #RRGGBB.
1200×630 from your OGKit app
Demo mode (demo=1): no API key required. Open access means no watermark and no quota right now.
import type { Metadata } from 'next'
export async function generateMetadata(): Promise<Metadata> {
const imageUrl = "https://www.webmorp.art/ogkit/api/og/minimal?title=Hello+from+OGKit&demo=1"
return {
openGraph: {
title: "Hello from OGKit",
images: [{ url: imageUrl, width: 1200, height: 630, alt: "Hello from OGKit" }],
},
twitter: {
card: 'summary_large_image',
images: [imageUrl],
},
}
}