Quick Start — Generate Your First OG Image
Step 1 — Get Your API Key
Section titled “Step 1 — Get Your API Key”Sign up with your email. No credit card required.
curl -X POST https://og-engine.com/auth/register \ -H "Content-Type: application/json" \ -d '{"email": "you@example.com"}'{ "apiKey": "oge_sk_a1b2c3...", "plan": "free", "limit": 500, "message": "API key also sent to you@example.com" }Your API key is in the response above — ready to use immediately. A copy is also sent to your email for safekeeping.
Step 2 — Generate Your First Image
Section titled “Step 2 — Generate Your First Image”curl -X POST https://og-engine.com/render \ -H "Authorization: Bearer oge_sk_a1b2c3..." \ -H "Content-Type: application/json" \ -d '{"format": "og", "title": "Hello, OG Engine"}' \ --output hello.pngStep 3 — Customize It
Section titled “Step 3 — Customize It”{ "format": "og", "title": "My First OG Image", "description": "Generated in ~22ms, no browser needed.", "tag": "Tutorial", "style": { "accent": "#38ef7d", "font": "Outfit", "layout": "left" }}Try editing the title below — the image updates instantly:
0.0ms|8500x
Step 4 — Check If Text Fits (Free, Unlimited)
Section titled “Step 4 — Check If Text Fits (Free, Unlimited)”curl -X POST https://og-engine.com/validate \ -H "Content-Type: application/json" \ -d '{"format": "og", "title": "Some very long headline that might not fit..."}'{ "fits": true, "title": { "lines": 2, "maxLines": 3, "overflow": false }, "computeTimeMs": 0.12}Step 5 — Use the SDK (Optional)
Section titled “Step 5 — Use the SDK (Optional)”npm install @atypical-consulting/og-engine-sdkimport { OGEngine } from '@atypical-consulting/og-engine-sdk'
const og = new OGEngine('oge_sk_a1b2c3...')
const image = await og.render({ format: 'og', title: 'Hello from the SDK',})
await Bun.write('hello.png', image)Next Steps
Section titled “Next Steps”- Explore the Templates Gallery to see all available designs
- Learn about Formats & Templates for different platforms
- Dive into the API Reference for full endpoint details