Dynamic Open Graph Images for Developers

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

Step 1

Design your template

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

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"
/>

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.

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