Unlayer

MCP server by Unlayer

Generate email, page and PDF document templates as React code or with AI, export them, and edit them in the Unlayer visual builder.

OAuth sign-in (You sign in with the vendor the first time you connect)Streamable HTTP

Connect to Unlayer

Unlayer needs sign-in. Connect with its own URL:

https://api.unlayer.com/mcp

Your client opens Unlayer’s sign-in the first time you use it. The token stays between your client and Unlayer.

Share this server

Opens this page, with the URL and setup steps.

mcp.tc/i/unlayer

About

Connects AI assistants and coding agents to Unlayer. An agent can build email, page and document templates as @unlayer/react-elements code, generate or refine designs from a prompt, import existing HTML into an editable design, and render or export to HTML, PDF or PNG. It can also check templates for common issues and answer questions from the Unlayer docs.

Runs as a hosted Streamable HTTP server at https://api.unlayer.com/mcp. Clients that support OAuth sign in through the browser and pick a project. Alternatively, send an Unlayer API key or Personal Access Token as a Bearer token in the Authorization header.

What you can do

  • Build email, page and document templates as React Elements code
  • Generate or refine designs from a prompt
  • Import existing HTML into an editable Unlayer design
  • Export designs to HTML, PDF or PNG
  • Check templates for common issues
  • Answer Unlayer questions from current docs
  • Open designs in the visual builder for teammates to edit

Tools

Unlayer lists its tools only after you sign in, so we can’t show them here. Your client lists them once you’re connected.

Example prompts

  • Create a welcome email template with Unlayer Elements and show me the React code.

  • Turn this HTML newsletter into an editable Unlayer design.

  • Generate an invoice document template and export it as a PDF.

  • Check my email template for common issues and export it to HTML.

Set up

Every client connects to api.unlayer.com, and Unlayer asks you to sign in the first time. Pick yours; the page remembers your choice.

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport http unlayer https://api.unlayer.com/mcp
  1. Start Claude Code, type /mcp, pick unlayer and choose Authenticate. A browser window opens for the Unlayer sign-in.

Add --scope user to make it available in every project, not just this one.

Claude Desktop

  1. Open Customize → Connectors, click + Add, then Add custom connector.
  2. Name it Unlayer and paste this URL:
https://api.unlayer.com/mcp
  1. Click Add, then Connect, and sign in when Unlayer asks.

Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.

claude.ai

  1. Open the connector form on claude.ai. This button fills in the name and URL for you:
  1. Check that the URL reads https://api.unlayer.com/mcp and click Add.
  2. Click Connect and sign in when Unlayer asks.

Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.

ChatGPT

  1. On chatgpt.com, open Settings → Security and login and turn on Developer mode.
  2. Go to chatgpt.com/plugins and click + to create an app for a remote MCP server.
  3. Paste https://api.unlayer.com/mcp as the server URL and choose OAuth. ChatGPT sends you to Unlayer to sign in.

Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.

Cursor

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

mcp.json
{
  "mcpServers": {
    "unlayer": {
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

Cursor shows Needs authentication next to the server. Click the button beside it to sign in.

VS Code

Or from a terminal:

code --add-mcp '{"name":"unlayer","type":"http","url":"https://api.unlayer.com/mcp"}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "unlayer": {
      "type": "http",
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

VS Code asks you to sign in the first time the server starts.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "unlayer": {
      "serverUrl": "https://api.unlayer.com/mcp"
    }
  }
}
  1. Refresh the MCP server list in Cascade and sign in when asked.

Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.

Codex

codex mcp add unlayer --url https://api.unlayer.com/mcp
codex mcp login unlayer

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.unlayer]
url = "https://api.unlayer.com/mcp"

Gemini CLI

gemini mcp add --transport http unlayer https://api.unlayer.com/mcp

Then, inside Gemini CLI, run /mcp auth unlayer to sign in.

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI’s settings file.

{
  "mcpServers": {
    "unlayer": {
      "type": "http",
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.

Client only starts local servers? Bridge it with npx -y mcp-remote https://api.unlayer.com/mcp.

Embed

Show Unlayer in a README or on your site. Each embed links to this page, uses the server’s own URL, and sets no cookies. How embeds work

The card, the iframe and the JSON are in English. Add ?lang=it, fr, de or es to their address for another language.

README badge

Badge preview, lightBadge preview, dark
Markdown
[![Unlayer on mcp.tc](https://mcp.tc/i/unlayer/badge.svg)](https://mcp.tc/i/unlayer)
HTML
<a href="https://mcp.tc/i/unlayer"><img src="https://mcp.tc/i/unlayer/badge.svg" alt="Unlayer on mcp.tc" height="20"></a>

It follows the reader’s light or dark mode. Add ?theme=light or ?theme=dark to fix it, or ?style=compact to show the mark without the word.

Website card

HTML
<script src="https://mcp.tc/w/unlayer.js" async></script>

The card appears where the tag is. Add data-theme="dark" or data-size="compact" to the tag to change it. The file holds everything it needs, so it makes no other requests and sets no cookies.

iframe

HTML
<iframe src="https://mcp.tc/embed/unlayer" title="Unlayer on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Use it on pages that don’t allow scripts. Add ?theme=light or ?theme=dark to the address to fix the colors.

JSON

The listing as data for your own pages and tools: name, tagline, the server’s own URL, tools and the “Add to” links. Any site can read it (CORS is open).

https://mcp.tc/i/unlayer.json

What each field means

AI prompt

Paste this into an AI coding assistant, such as Claude Code or Cursor, and it adds the Unlayer card to your site.

Markdown
Add the mcp.tc card for Unlayer, an MCP server, to my website. It is one static script: no build step, no package to install, no cookies.

Put this tag where the card should appear. The card renders right before it:

```html
<script src="https://mcp.tc/w/unlayer.js" async></script>
```

To show the card somewhere else, put this placeholder there and load the same script once, for example before `</body>`. Keep the link inside: visitors without JavaScript see it.

```html
<div data-mcptc="unlayer"><a href="https://mcp.tc/i/unlayer">Unlayer on mcp.tc</a></div>
```

Options:
- `data-theme="light"` or `"dark"` on the tag or the placeholder fixes the colors. Without it, the card follows the visitor’s light or dark mode.
- `data-size="compact"` gives a smaller card without the tagline.
- The CSS variable `--mcptc-max-width` on the placeholder or a parent sets the width (default `520px`).
- `?lang=` on the script URL sets the card’s language: `en`, `it`, `fr`, `de` or `es`.

If the site has a Content Security Policy, allow `script-src https://mcp.tc` and `img-src data:` (the icon is inline).

For a README or other Markdown docs, use the badge instead:

```markdown
[![Unlayer on mcp.tc](https://mcp.tc/i/unlayer/badge.svg)](https://mcp.tc/i/unlayer)
```

Reference: https://mcp.tc/embed

Change history

Its tools are behind a sign-in, so we can’t read them. Edits by its owner show up here.

Follow Unlayer and we’ll email you when something changes.

Nothing recorded yet. Edits by the server’s owner will show up here.

FAQ

Can I paste mcp.tc/i/unlayer into my MCP client?

No. mcp.tc links are pages, not server addresses. Connect with https://api.unlayer.com/mcp, so your client talks to Unlayer directly. The sign-in token only works there anyway. The quick link is for sharing: it opens this page, with setup steps for every client.

Does Unlayer need an API key or a sign-in?

Yes, you need a Unlayer account. The first time your client connects, it opens Unlayer’s sign-in page. The token goes straight to the server’s own URL, never through mcp.tc.

Is Unlayer a remote or a local server?

Remote. Unlayer hosts it at https://api.unlayer.com/mcp, and it speaks Streamable HTTP. There’s nothing to install.

What can Unlayer do?

You can build email, page and document templates as React Elements code, generate or refine designs from a prompt and import existing HTML into an editable Unlayer design.

Which clients can use it?

Any client that supports remote MCP servers: Claude Code, Claude Desktop, claude.ai, ChatGPT in developer mode, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. The setup steps cover each one.

Does mcp.tc track changes to Unlayer?

Partly. Unlayer’s tools are behind a sign-in, so its History tab shows only edits by its owner. Follow the listing to get an email when it changes.

Who wrote this page?

mcp.tc’s robot read Unlayer’s own metadata (its MCP handshake, tool list and public pages), and an AI model drafted the text from it. A person reviews anything the checks can’t confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

mcp.tc isn’t affiliated with Unlayer. This page was built from Unlayer’s public metadata, last checked on 8 Oct 2026, and an AI model wrote the description, so it can be wrong. Names and marks belong to their owners. Something off? Report this listing.