Unlayer

API

Embeddable drag-and-drop email builder for your app's users, exports HTML

Price: Free plan, then paid
Access: Project ID; API key for Cloud API

About

White-label drag-and-drop builder you embed in your app (React, Vue, Angular or plain JavaScript) so users design responsive emails, landing pages, popups and documents, plus a Cloud API that exports designs to HTML, PDF and images. Free plan; white-labeling from $250/month; an official remote MCP.

What you can do with it

Embed a drag-and-drop email template editor in your SaaS for your customers
Export user-designed emails as responsive HTML to send with your email API
White-label the email and landing page builder with your own branding

Get started

Create a project in the Unlayer Console
Run npm install react-email-editor
Pass your projectId and export HTML when users save

Example

import { useRef } from "react";
import EmailEditor from "react-email-editor";

export function TemplateEditor() {
  const editorRef = useRef(null);
  const save = () =>
    editorRef.current.editor.exportHtml(({ design, html }) => console.log(html));
  return (
    <>
      <button onClick={save}>Save</button>
      <EmailEditor ref={editorRef} options={{ displayMode: "email", projectId: 1234 }} />
    </>
  );
}

Details

Hosting: Hosted service
Available in: Worldwide
Official SDKs: JavaScript/TypeScript
MCP server: Remote