Never post a boring link again.
Turn HTML & Tailwind CSS into dynamic Open Graph images that any app can generate on demand.
1,000 image generations/month on the Free plan. No credit card required.
Step 1
Design your template
Write your layout in HTML & Tailwind. Define variables with {{ variable }} and preview changes live—what you see is what you’ll ship.
Step 2
Generate with the API
Request an image by passing your template ID and variables. We’ll return a ready-to-use image URL.
<meta
property="og:image"
content="https://api.webshot.co/{{TEMPLATE_ID}}?title=Open%20Graph%20Images%20for%20Developers"
/>Built for developers
Everything you need to generate dynamic images
- HTML & Tailwind all the way
- Bring your own components and utility brain.
- Dynamic variables
- {{ title }}, {{ author }}, {{ bg }}… customize per post or campaign.
- Simple REST API
- If your stack can make a GET request, you’re in business.
- Real‑time preview
- What you see is what ships. No “surprise” renders.
- Template gallery
- Fork a starter, make it yours, look like a design hero.
Templates
Fork‑friendly, launch‑ready
Ready‑to‑use templates you can fork in one click
Wave Gradient
Clean Blog Post
Dark Podcast Cover
Social Video Preview
Minimal Accent
Strong Headlines
SummerCamp
Minimalist with gradient
Frequently asked questions
What counts as an image?
One API request = one generation. Reuse the resulting URL as much as you like—no extra counts.
What’s a template, anyway?
Your HTML + Tailwind layout with {{ variables }} baked in. Free lets you keep up to 10 active.
What’s required on Free?
Free plans come with a "webshot.co" small watermark. Upgrade anytime to remove it. We also support backlink attribution: link back to webshot.co and we'll remove the branding for your account.
Ship shiny link previews in minutes.
No design handoffs. No brittle screenshots. Just HTML, Tailwind, and a tidy API.