unlayer-integration
Integrate Unlayer Editor
Overview
Unlayer provides official wrappers for React, Vue, and Angular, plus a plain JavaScript embed. All wrappers share the same underlying API — only the editor access pattern differs.
Which Framework?
| Framework | Package | Install | Editor Access |
|---|---|---|---|
| React | react-email-editor |
npm i react-email-editor |
useRef<EditorRef> → ref.current?.editor |
| Vue | vue-email-editor |
npm i vue-email-editor |
this.$refs.emailEditor.editor |
| Angular | angular-email-editor |
npm i angular-email-editor |
@ViewChild → this.emailEditor.editor |
| Plain JS | CDN script tag | <script> embed |
Global unlayer object |
⚠️ Before installing any Unlayer package, verify the version exists on npm:
npm view react-email-editor version # check latest published version
More from unlayer/unlayer-skills
unlayer-custom-tools
Builds custom drag-and-drop tools for the Unlayer editor — registering tools, adding property editors, creating custom widgets, head CSS/JS injection, tool configuration, and the custom# prefix convention.
73unlayer
Routes to specific Unlayer sub-skills for framework integration, custom tools, content export, or editor configuration.
70unlayer-export
Exports content from the Unlayer editor — HTML, PDF, image, plain text, saving and loading design JSON, auto-save patterns, server-side Cloud API export.
67unlayer-config
Configures the Unlayer editor — feature flags, appearance, theming, merge tags, design tags, display conditions, special links, HMAC security, file storage, image uploads, localization, custom fonts, validation.
66