Skip to content

MJML#

Responsive email markup language.

Why MJML?#

  • ✅ Responsive by default
  • ✅ Works across all email clients
  • ✅ Simple syntax
  • ✅ Component-based
  • ✅ Compiles to HTML

Quick Start#

npm install mjml
<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text>
          Hello World!
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

Compiles to responsive HTML email that works everywhere!

Core Components#

  • mj-text - Text content
  • mj-button - Call-to-action buttons
  • mj-image - Images
  • mj-section - Layout sections
  • mj-column - Column layout

Resources#