Back to main menu

Responsive email made easy with MJML

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.

Hermes on a computer screen with various deliverability icons.

Semantic tags to abstract HTML complexity

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.

Tags within API code.
A mockup of responsive, impactful emails on every device.

A responsive-by-design markup

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.

Engage your users with interactive emails

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.

Mailjet email editor.

Full flexibility for email developers

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.

Mailjet's A/B testing feature.

Join us today.

40K+ companies use Mailjet daily. You too can send better emails.
CTA icon