Email framework
simplifies and speed up the layout process

Why

Simple
Simple to connect and easy to use - logical and concise markup
Responsive
Adapts for display on mobile devices, and for all versions of outlook
Flexible
The framework does not impose any restrictions on the structure of emails.

Examples

Aroma-Butik mail by EMX
Skyeng
example mail by EMX

How to use

  • Connect the library - javascript file and style file (use the instructions below)
  • Add <div id="app"> to the body. You can use TJML tags inside it.
  • Email markup should be wrapped in
    
    <tj-ui>
      <m-body>
         <!-- Письмо -->
       </m-body>
    </tj-ui>
  • TJML allows to use regular email layout in mixture with TJML tags

Features

Dark theme
Check the look and feel of an e-mail in dark theme. Both partial and full inversion modes are supported
Size
The framework tells you when the size of the final layout exceeds the recommended value
Code
Get the rendered code in 1 click, optionally it can be packed.

Connection

Add the following javascript code to the end of the file:
<script type="text/javascript">
				var s=document.createElement("script"),l=document.createElement("link"),d=new Date;s.setAttribute("src","https://amp4email.ru/tjml/app.js?ver="+d.getTime()),l.setAttribute("type","text/css"),l.setAttribute("rel","stylesheet"),l.setAttribute("href","https://amp4email.ru/tjml/app.css?ver="+d.getTime()),document.head.appendChild(l),document.head.appendChild(s);
				</script>