# Integrations

Connect the HTML/CSS to Image API to thousands of other services.

[Live demo](https://htmlcsstoimage.com/#demo) [Get an API Key](https://htmlcsstoimage.com)

## Generate images without writing code

Our integrations let you create images automatically—no programming required. Whether you’re building automated workflows or working with AI assistants, you can generate images from HTML/CSS or capture screenshots with just a few clicks.

**Perfect for:**

*   Automating social media image creation
*   Generating personalized images from form submissions or database changes
*   Creating images as part of larger workflows
*   Quickly prototyping and testing image designs with AI

* * *

## Automation platforms

Connect HTML/CSS to Image to your existing workflows. Trigger image generation from any event—new spreadsheet rows, form submissions, database updates, and more.

| Integration | Best for | Description |
| --- | --- | --- |
| **[Zapier](/integrations/zapier/)** | Beginners & quick automation | The easiest way to connect with 5,000+ apps. Create images when triggers fire in Gmail, Google Sheets, Airtable, Slack, and more. |
| **[Make](/integrations/make/)** | Complex workflows | Build sophisticated multi-step automations with branching logic, loops, and data transformations. Formerly known as Integromat. |
| **[n8n](/integrations/n8n/)** | Flexible workflows | Generate images, screenshots, PDFs, and signed URLs in your n8n workflows. |

### What you can automate

*   **New customer signup** → Generate a personalized welcome image
*   **New spreadsheet row** → Create a social media graphic with the data
*   **Form submission** → Produce a certificate or badge
*   **Scheduled trigger** → Generate daily reports as images
*   **New blog post** → Automatically create Open Graph images

* * *

## AI assistants

Use the Model Context Protocol (MCP) to generate images directly from your AI coding assistant. Describe what you want in natural language, and let the AI handle the rest.

| Integration | Supported tools | Description |
| --- | --- | --- |
| **[MCP Server](/integrations/mcp/)** | Cursor, Claude Desktop, Windsurf, Cline, Zed, OpenCode | Generate images by chatting with your AI assistant. No code needed—just describe the image you want. |
| **[VM0 Community Skill](https://github.com/vm0-ai/vm0-skills/blob/main/htmlcsstoimage/SKILL.md)** | VM0 | Community-maintained skill for generating images via HCTI API calls from VM0 workflows. |

### How it works

1.  Connect the MCP server to your AI assistant
2.  Describe the image you want: _“Create a social card for my blog post about TypeScript”_
3.  The AI generates HTML/CSS and calls the API for you
4.  Get back a ready-to-use image URL

This is the fastest way to prototype designs, create one-off images, or explore what’s possible with the API.

* * *

## Need a custom integration?

The HTML/CSS to Image API is a simple REST API that works with any platform capable of making HTTP requests. If your tool supports webhooks or custom API calls, you can integrate directly.

[View API documentation](/getting-started/using-the-api/) [See example code](/example-code/)