MJML header blog

MJML equals efficiency

What is MJML?

MJML stands for "Mailjet Markup Language.” It’s an open-source framework to help code responsive emails so they read correctly across different email clients and devices. 

What is the purpose of MJML?

MJML has been designed to reduce the pain of coding a responsive email. It uses semantic syntax and a rich standard components library, including things like an interactive image gallery.

How does MJML work?

MJML is a transpiler. Its engine, which was built in ReactJS, takes the MJML (Mailjet Markup Language) as an input and outputs HTML. The generated HTML is email responsive and compatible with most email clients.


MJML takes all of these issues into account.

How do I use MJML?

MJML will enable you to write high-level code to generate responsive HTML in two ways:

  1. Online: An online editor enables you to write MJML and render the corresponding responsive HTML. Click on "Compile to HTML" and look at the right panel to see how your email will look on different devices. When you are done editing your MJML, click on the "HTML" toggle button on the top left of your screen to see the responsive HTML generated by the engine: all you have to do now is save it!
  2. Offline: Download the engine on your computer in order to execute it locally. It is a binary file that you can use to transpile your MJML code into HTML.

What we love about MJML:

Some drawbacks of MJML:

MJML is only a year old, and the next version will be rewritten in plain JavaScript, which will make the rendering of the MJML 35 times faster. L&S is currently looking into the ability to create custom MJML components that we can use across all of our clients. This would enable us to be even more efficient than ever before. 

We’ve coded these emails more efficiently using MJML, incorporating animation elements and more. Contact us to see how we could make your emails more efficient, attractive and responsive.

Subscribe to L&S Blog Updates