How it works
Integrate in under 2 minutes
Install, add the component, and your product has a full drag-and-drop email builder — one that renders perfectly in every email client.
Core concepts
Four things to understand
Editor key
Authenticates your embed. Get one from the dashboard. One key per project.
Design JSON
Templates save as JSON. Store it in your database and reload anytime with loadDesign().
Three modes
Switch between email, page, and popup with a single prop. One integration covers all three.
No backend
The editor runs entirely in the browser. Export and callbacks are optional.
Step by step
From install to live editor
01
Install the package
One command. React, Vue, Angular, or Vanilla JS.
npm install @pexelize/react-editor
02
Add the component
Drop the editor anywhere in your app. One prop sets the mode.
<PexelizeEditor
editorKey="pk_your_key"
editorMode="email"
/>
03
Export and send
One call returns clean, inlined HTML ready for any ESP.
const html = await editor.exportHtml();
// Send to Mailchimp, SendGrid, HubSpot...
Framework support
Works with your stack
TypeScript-first, same API, same features across all four frameworks.
React
@pexelize/react-editor
Component + hook, TypeScript-first
Vue 3
@pexelize/vue-editor
Composition API, SFC support
Angular
@pexelize/angular-editor
Standalone or NgModule. v14+
Vanilla JS
@pexelize/editor-sdk
CDN script tag, zero dependencies