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.
Compare with other frameworks
| TJML | MJML | Foundation 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