EEmail Editor

Email Editor

A visual drag-and-drop email template builder built on MobX State Tree with MJML export.

Features

  • Core Engine — Framework-agnostic email template management
  • React UI — 3-panel editor interface
  • Standard Blocks — Text, Image, Button, Divider, Spacer
  • MJML Compilation — Server-side rendering to email-safe HTML
  • Undo/Redo — Full history management
  • Drag & Drop — Intuitive block placement
  • Device Preview — Desktop and mobile views
  • Theming — Customizable colors and fonts
  • Type Safe — Full TypeScript support

Quick Start

npm install @returnhypnosis/email-editor
import { EmailEditorReact } from '@returnhypnosis/email-editor/react';
import '@returnhypnosis/email-editor/styles.css';

function App() {
  const [template, setTemplate] = useState(initialTemplate);
  return <EmailEditorReact value={template} onChange={setTemplate} />;
}

Documentation