https://github.com/zalify/easy-email-editor
Easy Email Editor is a feature-rich, top open-source SaaS email editor based on React and MJML.
https://github.com/zalify/easy-email-editor
email-builder email-editor email-template-editor javascript mjml-editor react react-email-editor
Last synced: 25 days ago
JSON representation
Easy Email Editor is a feature-rich, top open-source SaaS email editor based on React and MJML.
- Host: GitHub
- URL: https://github.com/zalify/easy-email-editor
- Owner: zalify
- License: mit
- Created: 2021-03-26T09:33:29.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2026-06-25T12:26:15.000Z (3 months ago)
- Last Synced: 2026-08-12T09:16:19.115Z (27 days ago)
- Topics: email-builder, email-editor, email-template-editor, javascript, mjml-editor, react, react-email-editor
- Language: TypeScript
- Homepage: https://open-source.easyemail.pro
- Size: 15.3 MB
- Stars: 2,810
- Watchers: 26
- Forks: 430
- Open Issues: 30
-
Metadata Files:
- Readme: readme.md
- Funding: .github/FUNDING.yml
- License: License
Awesome Lists containing this project
- my-awesome-list - easy-email-editor - rich, top open-source SaaS email editor based on React and MJML. | zalify | 2967 | (TypeScript)
README
# Easy email
The most developer-friendly email editor based on MJML
.svg)
---
> 💼 **Looking for more features?** Check out [Easy Email Pro](https://www.easyemail.pro/?utm_source=github) with cross-browser support, responsive design, and premium components.
---
## Introduction
Easy email is developed based on the [MJML](https://mjml.io/) and has very good compatibility. At the same time, it can generate code through drag-and-drop editing.
| Video Overview |
| :--------------------------------------------: |
| 
|
## 🎮 Live Demo
- **Open Source**: [open-source.easyemail.pro](https://open-source.easyemail.pro/?utm_source=github)
- **Pro Version**: [demo.easyemail.pro](https://demo.easyemail.pro/full?utm_source=github-live)
## 📧 Free Email Templates
Looking for ready-to-use templates? Check out our free collection of [MJML and HTML email templates](https://github.com/Easy-Email-Pro/email-templates).
## 🚀 Getting Started
```sh
$ npm install --save easy-email-core easy-email-editor easy-email-extensions react-final-form
```
```js
import React from 'react';
import { BlockManager, BasicType, AdvancedType } from 'easy-email-core';
import { EmailEditor, EmailEditorProvider } from 'easy-email-editor';
import { ExtensionProps, SimpleLayout } from 'easy-email-extensions';
import 'easy-email-editor/lib/style.css';
import 'easy-email-extensions/lib/style.css';
import '@arco-themes/react-easy-email-theme/css/arco.css';
const initialValues = {
subject: 'Welcome to Easy-email',
subTitle: 'Nice to meet you!',
content: BlockManager.getBlockByType(BasicType.PAGE)!.create({}),
};
export default function App() {
return (
{({ values }) => {
return (
);
}}
);
}
```
## ⚙️ Configuration
| property | Type | Description |
| ------------- | -------------------------------------------------------------------------------------------------- | --------------------------------------------- |
| height | string / number | Set the height of the container |
| data | interface IEmailTemplate { content: IPage; subject: string; subTitle: string; } | Source data |
| children | ( props: FormState,helper: FormApi>) => React.ReactNode | ReactNode |
| onSubmit | Config>['onSubmit']; | Called when the commit is triggered manually |
| fontList | { value: string; label: string; }[]; | Default font list. |
| onUploadImage | (data: Blob) => Promise; | Triggered when an image is pasted or uploaded |
## 📊 Open Source vs Pro Version
| Feature | Open Source Version | Pro Version |
| ------------------------- | -------------------- | ------------------------------------------------------------------------- |
| **Browser Compatibility** | Only supports Chrome | Compatible with various browsers (uses iframe) |
| **React 19 Support** | ❌ Not supported | ✅ Supported |
| **Responsive Design** | ❌ Not available | ✅ Supports different UI for desktop and mobile |
| **AMP block** | ❌ Not available | ✅ Accordion, Carousel, Form, Product, Reviews, Lucky Wheel |
| **Migration** | ❌ Not available | ✅ Seamless migration from [Unlayer](https://github.com/unlayer/react-email-editor) templates |
| **Advanced Features** | Basic features only | Unsplash library, File Manager, Block Studio, and many more custom blocks |
| **Technical Support** | Community support | Professional technical support with faster response times |
Learn more about [Easy Email Pro](https://www.easyemail.pro/?utm_source=github).
## 📄 License
The MIT License