Get Started with Unlayer

Unlayer helps developers add content creation to their applications. Let users design emails, pages, images, and documents with drag-and-drop builders, while your app uses APIs and AI to generate, save, export, and automate content. Ship a complete content workflow without building the entire stack yourself.

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.