Turn HTML into a social card image
One API call, real Chromium underneath. CSS Grid, web fonts and emoji, from $6 a month.
One request in, one image out
The card above came from a request like this. Send HTML, get PNG bytes back.
curl https://ogrender.dev/v1/render \
-H "Authorization: Bearer sk_live_..." \
-H "Content-Type: application/json" \
-d '{
"html": "<div style=display:flex...>",
"width": 1200,
"height": 630
}' -o card.pngX-Quota-Used and X-Quota-Limit on every response.Every parameter, error code and framework snippet is in the docs.
Why this, not the others
Satori is free but renders a flexbox subset. The full-CSS APIs start at $14 for the same volume.
Real Chromium, real CSS
Grid, flexbox, web fonts, gradients, emoji. Whatever renders in a browser renders here. Both cards below came out of the API.
Priced for one project
1,000 renders. The cheapest comparable API charges $14 for the same volume.
Any stack, build time or on demand
It is a REST endpoint. Call it from a build step, a serverless function or a cron job.
- Astro
- Next.js
- Hugo
- Eleventy
What it blocks, on purpose
No external images by URL. Every <img> must be a data: URI. The only outbound calls the renderer allows go to Google Fonts (fonts.googleapis.com and fonts.gstatic.com).
Everything else, including your own image CDN, is refused before it leaves the sandbox. If you need remote images, inline them as base64 before calling the API.
Pricing
Flat monthly plans. No overage: hitting your quota returns a 429, not a surprise bill.