What Is MJML? A Practical Guide to Responsive Email
The problem MJML solves
Email HTML is stuck in the past. To render consistently across Gmail, Outlook, Apple Mail, and dozens
of other clients, emails still rely on nested <table> layouts, inline styles, and a long list of
client-specific workarounds. Hand-writing that markup is slow, fragile, and easy to break.
MJML (Mailjet Markup Language) is an open-source markup language that fixes this. You write clean,
semantic components — <mj-section>, <mj-column>, <mj-text>, <mj-button> — and MJML compiles
them into the battle-tested, table-based HTML that email clients actually need.
Why MJML matters
- Responsive by default. MJML’s grid system reflows columns to stack on mobile without you writing a single media query.
- Cross-client reliability. The compiled output includes the Outlook conditional comments and inline styles that keep rendering consistent — so you don’t have to remember them.
- Readable source. A 20-line MJML document replaces hundreds of lines of nested tables, which makes emails far easier to maintain.
MJML vs. hand-coded HTML
| Hand-coded HTML | MJML | |
|---|---|---|
| Responsive | Manual media queries | Built in |
| Outlook support | Manual conditionals | Built in |
| Source readability | Low | High |
| Learning curve | Steep | Gentle |
How Temway uses MJML
You don’t have to write MJML by hand to benefit from it. Temway is a visual, drag-and-drop email builder that renders every design through an MJML engine. You compose with blocks — text, images, buttons, layouts — and Temway produces inline-styled, responsive, Outlook-safe HTML on export.
The result: emails that look right in every inbox, without touching a single <table>. When you’re
ready to send, export the HTML or push it straight into your
email service provider.
Where to go next
- Read the export and HTML guide to see what Temway produces.
- Browse email templates to start from a proven design.
- Learn about connecting your ESP to skip the copy-paste step.