HTML to Image

Name: HTML to Image
Author: html2img

html2img

Get started Website & docs

Render HTML and CSS to PNG images over HTTP. Send HTML and CSS and get a PNG back.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http html-to-image https://app.html2img.com/mcp --header 'Authorization: <AUTHORIZATION>'

~/.codex/config.toml

[mcp_servers.html-to-image]
url = "https://app.html2img.com/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }

# codex mcp add html-to-image --url https://app.html2img.com/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "html-to-image": {
      "url": "https://app.html2img.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "html-to-image": {
      "type": "http",
      "url": "https://app.html2img.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "html-to-image": {
      "httpUrl": "https://app.html2img.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "html-to-image": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://app.html2img.com/mcp",
        "--header",
        "Authorization:<AUTHORIZATION>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "html-to-image": {
      "url": "https://app.html2img.com/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

Setup

Related