MJML to HTML Converter
Paste MJML markup; get email-safe HTML out. Compiles in your browser using the official mjml-browser library (MIT). Live iframe preview shows what the compiled HTML actually looks like. Free, no signup, no install.
How to use
- Paste MJML markup in the left panel - or click Use sample MJML to load a 3-section newsletter template.
- The middle panel shows the compiled HTML (table-based, Outlook-safe).
- The right panel shows a live iframe rendering of that HTML.
- Copy or download the HTML, then test it through our Inbox Preview tool or paste into your ESP.
What MJML is good for
- Layouts that survive Outlook desktop. MJML emits the nested-table + VML pattern automatically. You don't write tables.
- Mobile responsiveness without manual @media queries.
<mj-column>automatically stacks below a configurable breakpoint. - Buttons, images, dividers, social icons with sensible defaults baked in (Outlook VML for rounded buttons, retina-aware image sizing, system font-stack fallbacks).
- Faster to write than raw email HTML. A 30-line MJML template compiles to 300 lines of email-safe HTML you'd never want to maintain by hand.
FAQ
What is MJML?
MJML (Mailjet Markup Language) is a markup language for email. You write semantic tags like <mj-section>, <mj-column>, <mj-button>, and the MJML compiler expands them into nested-table HTML that email clients render correctly. Open-source (MIT), maintained by Mailjet.
Why use MJML instead of writing HTML directly?
Email HTML is hostile. Outlook desktop uses the Microsoft Word rendering engine - no flexbox, no grid, most modern CSS ignored. The workaround is nested <table> layouts with VML conditional comments and inline styles. MJML hides that complexity behind clean, semantic markup.
Is the compiler running in my browser?
Yes. We load mjml-browser (MIT) from esm.sh and compile entirely client-side. Your MJML never leaves your browser. DevTools Network tab during compile shows one initial fetch for the library and zero outbound requests for your markup.
What does the compiled HTML look like?
Outlook-safe table-based layout with inline styles, MSO conditional comments for Outlook quirks, mobile-responsive @media queries, font-fallback stacks. It's the same output Mailjet and most ESPs generate. Paste it directly into any ESP's HTML view.
What are the validation levels?
soft (default) warns about unknown tags or invalid attributes but still compiles. strict refuses to compile on errors. skip compiles without checking. Use soft to debug, strict for production.
Where do I learn MJML syntax?
Official documentation at mjml.io/documentation. The Try It Live demo on the MJML site is good for experimenting. The sample template loaded by the button here demonstrates the most common patterns: hero block, feature columns, footer with social links.
Does MJML support all email features?
Most. Bread-and-butter cases (layouts, columns, buttons, images, text, dividers, social icons, navigation) are covered. AMP for Email and interactive elements need raw HTML, which you can inject via <mj-raw>.
Can I import the compiled HTML into MiN8T?
Yes. Download or copy the compiled HTML, then in MiN8T's editor use Import HTML to bring it in as an editable template. You get MJML's compile correctness, then visual editing on top.
Edit MJML output visually
MiN8T imports MJML-compiled HTML and gives you a drag-and-drop editor on top. Compile here, polish there.
Open MiN8T Editor →