In simple English
Writing emails that look correct across every email program is difficult. This tool adds visual email building blocks to an open-source web editor. You drag sections, buttons, and text onto a page with your mouse. The software turns your visual layout into proper code behind the scenes. It costs nothing to use and runs entirely inside your own web application.
What it is
A plugin for GrapesJS (a modular web builder framework) that adds support for MJML (a markup language designed for responsive email design). It renders email components in real time inside your browser.
What it is good for
Developers who want to build a custom newsletter editor for their users without writing an email layout engine from scratch.
- Renders email templates in real time so you see changes instantly.
- Supports common email building blocks like buttons, columns, and social icons.
- Allows developers to add custom components and override default parsers.
- Requires existing familiarity with web development to integrate into a project.
- Depends on a separate core editor library to function.
- Relies on browser-based compilers that can slow down with very large templates.
Writing raw responsive email markup by hand
GrapesJS
- mjmlio/mjml18k stars
The official framework for creating responsive emails, used underneath this plugin.
- facebook/docusaurus67k stars
A static site generator from Meta that turns Markdown files into a documentation website.
- mkdocs/mkdocs23k stars
Turns a folder of Markdown files into a documentation website, controlled by one settings file.
- squidfunk/mkdocs-material28k stars
Turns a folder of Markdown files into a searchable documentation website, with every formerly sponsor-only feature now included.
npm i grapesjs-mjml