Responsive Emails with MJML

MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML’s open-source engine generates high quality responsive HTML compliant with best practices.

<mjml>

  <mj-body>

    <mj-container>

      <mj-section>

        <mj-column>

 
          <mj-image width="100" src="/assets/img/logo-small.png"></mj-image>

 
          <mj-divider border-color="#F45E43"></mj-divider>

 
          <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World</mj-text>

 
        </mj-column>

      </mj-section>

    </mj-container>

  </mj-body>

</mjml>

mjml