Dynamic Open Graph Images for Developers

Build powerful social media cards using HTML & Tailwind CSS. Create once, customize endlessly through our API.

App screenshot

Step 1

Design your template

Use TailwindCSS to quickly create a template and define your variables. Preview your changes in real-time.

Product screenshot

Step 2

Generate Images with the API

Call our API with your template ID and variables and we'll return an image.

<meta
    property="og:image"
    content="https://api.devshot.io/{{ TEMPLATE_ID }}?title=Open Graph Images for Developers"
/>

Built for developers

Everything you need to generate dynamic images

Write in HTML & TailwindCSS
Build your templates using familiar web technologies. Full access to TailwindCSS utilities for rapid styling.
Dynamic Variables
Define variables in your templates using {{ variable }} syntax. Update them via API calls for dynamic image generation.
REST API
Generate images programmatically with a simple GET request. Perfect for dynamic social cards and previews.
Real-time Preview
See your changes instantly with our live preview. What you see is exactly what you'll get.

Ready to get started?

Start creating dynamic Open Graph images in minutes. No design skills required.