MJML 4: progress report đź‘·
2 months ago, we announced that we were going to rebuild MJML from scratch. While this can sound frightening, it’s also incredibly exciting to be able get rid of structural issues and make the product always better.
New features & improvements
With this fresh start, in addition to making MJML up to 35x faster, we’ll introduce features that we aren’t able to add in the current version of MJML because of how it’s designed.
Gutters between columns
A frequently requested feature, padding between columns will enable to achieve commonly-seen layouts in email.
Full-width sections on Outlook desktop
Full-width sections will work as expected in the few versions of Outlook in which they’re not at the moment.
mj-raw won’t alter its content anymore
Currently, when an opening xml tag is added inside mj-raw without its closing tag, the tag is automatically closed by React. Also, the content of mj-raw is sometimes not added where it is expected in the HTML. MJML 4 will solve those issues.
Structural changes
Better construction of components
MJML now has an internal API that makes it easy to create your own components. The way components work and render is also now more explicit, and there’s no dependency between components like mj-section and mj-column anymore.
No more mj-container
The mj-body and mj-container tags will merge into a single one named mj-body for more simplicity.
Get involved
All the development of MJML 4 is happening on the ”next” branch on Github. Also, issues we intend to solve in MJML 4 bear a dedicated label, feel free to submit more issues and pull-requests.
You can expect an alpha version of MJML in the coming weeks. This version will enable you to create responsive email templates with the standard non-interactive components: mj-section, mj-column, mj-image, mj-button, mj-text, mj-table, mj-divider, and all mj-head components (mj-font, mj-title, mj-attributes, mj-style).
We hope you’re as excited as we are about MJML 4. Join the MJML community on Twitter and Slack!
