Generate OG images with a single URL
Drop it in your CI, your Next.js app, or your blog. No servers, no complexity, just beautiful Open Graph images from a URL.
<meta property="og:image" content="https://ogmagic.dev/api/og?template=gradient-mesh&title=My+Post" />Developers love OGMagic
Join hundreds of developers using OGMagic for their projects
"Finally, an OG image tool that doesn't require a build step. I dropped the URL into my Next.js app and it just works. The templates are beautiful."
"I was using @vercel/og but it slowed down my builds. OGMagic is instant and the templates look way better. $12 is a steal."
"Set up dynamic OG images for my entire blog in 10 minutes. The API is stupid simple and the images load instantly on social media."
Add OG images in 30 seconds
Copy-paste these into your project. No packages to install.
export function generateMetadata({ params }) {
const post = getPost(params.slug);
return {
openGraph: {
images: [`https://ogmagic.dev/api/og?template=minimal-dark&title=${encodeURIComponent(post.title)}`]
}
};
}---
const { frontmatter } = Astro.props;
const ogImage = `https://ogmagic.dev/api/og?${new URLSearchParams({
template: "minimal-dark",
title: frontmatter.title,
})}`;
---
<html>
<head>
<meta property="og:image" content={ogImage} />
</head><head>
<meta property="og:image"
content="https://ogmagic.dev/api/og?template=gradient-mesh&title=My+Page" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
</head>Your links deserve better
See the difference an OG image makes when you share a link on social media.
Boring. Nobody clicks this.
Professional. Eye-catching. 10x more clicks.
Why developers choose OGMagic
Built for developers, by developers
Stupid simple
Just a URL. No SDKs, no packages, no complexity. Drop it in your meta tag and you're done.
One-time payment
Pay $12 once, use forever. No monthly subscriptions. No annual renewals. No BS.
55+ templates
From minimal to bold, dark to colorful. Find the perfect style for your brand.
Free tier: 50 API calls/month, no signup required
Try it now
Paste your parameters and see a live preview:
https://ogmagic.dev/api/og?template=gradient-mesh&title=My+Awesome+Blog+Post&description=Here%27s+what+this+post+is+about...&domain=mysite.com🎨 Open in Full Editor — Try All 55 TemplatesFree tier: 5 templates • Pro: $12 one-time for all 55
Preview updates after you stop typing
50+ beautiful templates
Free tier includes 5 templates. Pro unlocks them all.
✨ Featured Templates
Hand-picked favorites from our 55+ template collection
Three ways to use it
Direct API calls
Drop the URL in your meta tags, CI/CD pipeline, or Next.js build. No signup needed for 50 calls/month.
Visual editor
Design your OG images visually in our editor, then copy the API URL for production use.
Programmatic generation
Build dynamic URLs with query params to generate thousands of unique images automatically.
API-first pricing
Start free, scale when you need it. No signup required for free tier.
Free
- ✓ 50 API calls/month
- ✓ 5 templates (gradient, minimal, clean, etc.)
- ✓ Full editor access
- ✓ No signup needed
- • IP-based rate limiting
ogmagic.dev/api/og?template=...Pro
- ✓ 5,000 API calls/month
- ✓ All 55+ templates
- ✓ Priority rendering
- ✓ License key auth
- ✓ Remove rate limits
By purchasing, you agree to the Terms of Service and Privacy Policy
Buy Pro — $12Need more than 5,000 calls/month? Contact us →
See full comparison →
Frequently Asked Questions
What are Open Graph images?
They're the preview images that appear when you share a link on Twitter, Facebook, LinkedIn, Slack, Discord, etc. A good OG image makes your links look professional and clickable.
How does OGMagic work?
OGMagic generates OG images via a simple API URL. Pass your title, description, and template as query parameters, and you get a 1200×630 PNG image back instantly. Use it directly in your og:image meta tag.
Is this really a one-time payment?
Yes! Pay once, use forever. No monthly fees, no annual renewals. We believe developer tools should respect your wallet.
What if I'm not satisfied?
We offer a 14-day money-back guarantee, no questions asked. If OGMagic doesn't work for your use case, just email us and we'll refund you. No hard feelings.
Do I need to sign up?
No! The free tier gives you 50 API calls/month with no signup at all. Just use the URL. Rate limiting is IP-based.
What frameworks does OGMagic support?
OGMagic works with any framework — Next.js (App Router & Pages Router), Astro, Remix, SvelteKit, plain HTML, and more. It's just a URL, so it works everywhere.
Can I auto-generate images for blog posts?
Absolutely. Build the API URL dynamically with your post's title and description. Each post gets a unique, beautiful OG image automatically — no build step needed.
What is the recommended OG image size?
The standard is 1200×630 pixels (1.91:1 ratio). This works on Twitter/X, Facebook, LinkedIn, Discord, and Slack. OGMagic generates all images at this exact size.
Get OG tips & product updates
Join our newsletter for Open Graph best practices, new template releases, and exclusive discounts. No spam, unsubscribe anytime.
🔒 We respect your inbox. No spam, ever.
Works with every framework
Copy-paste integration guides for your stack