Whatever the device and email client your subscribers open your email on, they expect to see your message beautifully styled and rendered. However, creating a truly responsive email is an hard task because of the lack of standard between the rendering engines email clients like Outlook and Gmail use and the poor support of HTML email clients offer.
Each tag in MJML is semantic, making the language very easy to learn and understand: mj-button, mj-image, mj-text… Even better, MJML tags integrates the fallbacks and hacks needed to make an email responsive, such as conditional comments for Outlook.Browse components
MJML was created specifically for email coding and is based on a system of rows and columns which is very common in email. Natively responsive, columns will appear side-by-side on desktop and stack on mobile by default.Learn MJML
Some email clients offer interactive features, why not leverage them? MJML makes it easy with interactive components such as mj-navbar, mj-accordion and mj-carousel. If the email is opened in an email client which doesn’t support interactions, a beautiful fallback is displayed.Try the accordion
While MJML provides high-level components to abstract responsive email HTML complexity, it’s also a fully-customizable framework. Email developers can add custom CSS styles in their MJML template, including media queries, and even create their own MJML components to streamline their development and code always faster.Install MJML
Mailjet uses MJML behind the scene in Passport, its drag-and-drop email builder, to render responsive email. This means developers can code responsive email templates in MJML, upload them in Mailjet and enable the marketing team to edit templates in drag-and-drop.Learn more about MJML