Free, open-source OG image generator. 109 templates, 8 platform previews, free API. No login, no watermarks.
Live: og.codercops.com
Most OG image generators require sign-up, add watermarks, impose rate limits, or lock templates behind paywalls.
OGCOPS is different:
- Completely free — no login, no watermarks, no rate limits
- Open source — MIT licensed, self-hostable, fully transparent
- 109 templates — professional designs across 12 categories, ready to use
- Instant preview — client-side Satori rendering, zero server calls while editing
- Developer-friendly API — generate images via URL, CORS-enabled, no API key needed
- 109 Templates across 12 categories: Blog, Product, SaaS, GitHub, Event, Podcast, Developer, Newsletter, Quote, E-commerce, Job, Tutorial
- 8 Platform Previews: Twitter/X, Facebook, LinkedIn, Discord, Slack, Reddit, WhatsApp, Google Search — see exactly how your image looks on each platform
- Free REST API: Generate OG images via URL. CORS-enabled. No API key required.
- Social Preview Checker: Paste any URL to analyze its meta tags and see platform previews
- Client-side Rendering: Satori runs in the browser for instant preview during editing. Zero server calls while editing.
- URL-based State: All editor state is encoded in URL params — share or bookmark any configuration
git clone -b dev https://github.com/codercops/ogcops.git
cd ogcops
npm install
npm run devVisit http://localhost:4321 to start generating OG images.
Generate an OG image:
GET https://og.codercops.com/api/og?title=Hello+World&template=blog-minimal-dark
Returns a 1200x630 PNG image. Pass any template field as a query parameter.
Check a URL's meta tags:
GET https://og.codercops.com/api/preview?url=https://example.com
List all templates:
GET https://og.codercops.com/api/templates
See API documentation for full details, parameters, and response formats.
OGCOPS requires no environment variables for basic usage. It runs on Cloudflare Workers (the free plan works for light use; image rendering is CPU heavy, so busy instances want Workers Paid).
git clone https://github.com/codercops/ogcops.git
cd ogcops
npm install
npm run deploy # astro build + wrangler deploy (log in with `npx wrangler login` first)The Worker config is in wrangler.jsonc. npm run preview builds and serves it locally with wrangler dev. The optional visitor counter reads UPSTASH_REDIS_REST_URL and UPSTASH_REDIS_REST_TOKEN as Worker secrets (npx wrangler secret put ...).
| Category | Count | Description |
|---|---|---|
| Blog | 12 | Blog posts, articles, editorial content |
| Product | 10 | Product announcements and launches |
| SaaS | 10 | SaaS products and landing pages |
| GitHub | 10 | Open source and GitHub projects |
| Event | 10 | Events, conferences, meetups |
| Podcast | 8 | Podcasts, videos, audio content |
| Developer | 9 | Developer profiles and portfolios |
| Newsletter | 8 | Newsletter issues and digests |
| Quote | 8 | Quotes and social media posts |
| E-commerce | 8 | Products, sales, commerce |
| Job | 8 | Job listings and hiring |
| Tutorial | 8 | Tutorials, courses, education |
- Astro + React Islands
- Satori + @resvg/resvg-wasm
- Zod for API validation
- Vitest for testing
- Deployed to Cloudflare Workers
Contributions are welcome — templates, bug fixes, features, docs, and more. See CONTRIBUTING.md for setup and guidelines.
Important: Always fork and branch from
dev(the default branch). Theproductionbranch is for releases only. PRs targetingproductiondirectly will be closed.
# Fork the repo on GitHub, then:
git clone https://github.com/<your-username>/ogcops.git
cd ogcops
git checkout dev
git checkout -b your-feature-branch- Open an issue — bug reports and feature requests
- Start a discussion — questions, ideas, show & tell
- Satori by Vercel — SVG generation from JSX
- resvg-wasm — SVG to PNG conversion
- Astro — web framework
- React — UI components