EN
Login

TJML Framework

An email framework for crafting responsive HTML and AMP emails.
Adaptive
Our framework automatically generates responsive email layouts.
Fast
PixCraft Framework cuts your design time in half.
Easy
PixCraft lowers the barrier to entry for email design.
High-quality
Your emails will render beautifully in all major email clients.
TJML frameworkMJMLzurb for email

Compare with other frameworks

TJMLMJMLFoundation
for Email
AMP Support+--
Media query support+++
Works without media queries+--
Correct display in Outlook,including Outlook 120 dpi++-
Online playground++-
No collector needed+IDE dependent-
Testing dark theme+--
Pixel perfect tool+--
Free to use+++

Connection

1. Add the initialization script to the HTML file
<script type="text/javascript"> var s=document.createElement("script"), l=document.createElement("link"), d=new Date;s.setAttribute("src", "https://app.pixcraft.io/tjml/app.js?ver="+d.getTime()), l.setAttribute("type","text/css"), l.setAttribute("rel","stylesheet"), l.setAttribute("href", "https://app.pixcraft.io/tjml/app.css?ver="+d.getTime()), document.head.appendChild(l), document.body.appendChild(s);</script>
2. Insert a blank email template between <body> and </body>
<tjml>
 <m-body>
  <!-- email code -->
 </m-body>
</tjml>
3. Use TJML and HTML tags between <m-body> и </m-body>
<m-text> If you don’t want to receive emails from us in the future, click to unsubscribe.<a href="#" target=" blank" style="color:#cc0000"> app.pixcraft.io </a> </m-text>
Or download the autocomplete starter pack for WebStorm and phpStorm