Get Started with Unlayer

Unlayer is an embeddable drag-and-drop editor SDK for building emails, landing pages, documents, and popups inside your web application. It provides client-side builders that drop into React, Angular, Vue, or vanilla JS, plus a Cloud API for server-side HTML, PDF, and image export.

Pick a product and follow the step-by-step guide, or choose your framework below.

Email BuilderEmbed a drag-and-drop email editor in your app.Page BuilderEmbed a visual web page editor in your app.Document BuilderEmbed a document editor for reports, proposals, and more.Popup BuilderEmbed a popup and modal editor in your app.ElementsCode emails, pages, and docs with React components.Cloud APIExport HTML, PDF, or images server-side from your backend.

Framework Setup

Already know your stack? Wire up the SDK in your framework.

ReactAngularVueVanilla JS

How Unlayer Fits Together

Client-side

Builders

Embeddable drag-and-drop editors — email, page, document, and popup — that run inside your web app.

Code-first

Elements

Free, open-source React components to build emails, pages, and documents in JSX — the same design surface, as code.

Server-side

Cloud API

Export designs to HTML, PDF, images, and ZIP bundles from your backend using your API key.

Intelligence

Agents

AI agent skills and schemas for smart content generation and design automation.

Protocol

MCP

Connect Claude, Cursor, Codex, and other MCP clients to your Unlayer workspace over a hosted endpoint.

Tooling

CLI

Command-line interface for managing Unlayer projects, templates, and workflows.