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
- {{ feature.description }}
- Dynamic variables
- {{ feature.description }}
- Simple REST API
- {{ feature.description }}
- Real‑time preview
- {{ feature.description }}
- Template gallery
- {{ feature.description }}
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?
Choose backlink: a tiny “Made with WebShot.co” backlink or a small watermark. Upgrade anytime to remove both.
Ship shiny link previews in minutes.
No design handoffs. No brittle screenshots. Just HTML, Tailwind, and a tidy API.