Playground

Live preview and URL builder. The API key is kept in this browser only.

Request

MinimalTitle + subtitle, no frills.

Get a key

Leave blank to generate a watermarked demo URL. Add a key when you want quota tracking and production use.

Appearance

Supported values: theme light/dark/classic, pattern none/dots/grid, colors as #RRGGBB.

Preview

1200×630 from your OGKit app

Demo mode is active. Generated images include a watermark and are meant for evaluation before checkout.

Next.js generateMetadata snippet
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 }],
    },
    twitter: {
      card: 'summary_large_image',
      images: [imageUrl],
    },
  }
}