HTML to Image

Official registry Media and design

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

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code
claude mcp add --transport http html-to-image 'https://app.html2img.com/mcp' --header 'Authorization: <Your HTML to Image API key as a bearer token, for example '\''Bearer htim_...'\''. Create one in your html2img.com dashboard.>'
JSON configuration (Claude Desktop, Cursor, VS Code)
{
    "mcpServers": {
        "html-to-image": {
            "type": "http",
            "url": "https://app.html2img.com/mcp",
            "headers": {
                "Authorization": "<Your HTML to Image API key as a bearer token, for example 'Bearer htim_...'. Create one in your html2img.com dashboard.>"
            }
        }
    }
}

Frequently asked questions

What is HTML to Image?

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

How do I install HTML to Image?

It runs as a remote server. In Claude Code: claude mcp add --transport http html-to-image 'https://app.html2img.com/mcp' --header 'Authorization: <Your HTML to Image API key as a bearer token, for example '\''Bearer htim_...'\''. Create one in your html2img.com dashboard.>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does HTML to Image need an API key?

Yes. It expects Authorization, which you set in its configuration.

Who maintains HTML to Image?

It is published by com.html2img. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.