---
layout: default
title: Integrations
permalink: /integrations/
nav_order: 3
expanded: false
has_children: true
description: >-
  Integrate HTML/CSS to Image with n8n, Zapier, Make, and AI assistants via MCP. No-code and low-code image, PDF and screenshot automation.
---
# Integrations
{: .no_toc }
{: .fs-9 }

Connect the HTML/CSS to Image API to thousands of other services.
{: .fs-4 .fw-300 }

[Live demo](https://htmlcsstoimage.com/#demo){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 }
[Get an API Key](https://htmlcsstoimage.com){: .btn .fs-5 .mb-4 .mb-md-0 }

<hr>

## 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/){: .btn .fs-5 .mb-4 .mb-md-0 .mr-2 }
[See example code](/example-code/){: .btn .fs-5 .mb-4 .mb-md-0 }