FrontierJS

Email kit

UI · Email@frontierjs/email-kit

An email is a component. The same language, compiled for a worse renderer.

$ npm i @frontierjs/email-kit

Components

Table-based blocks, compiled by the same compiler

An email body is written the way a page is, so a designer moving between the two learns nothing new and the components are testable in a browser.

Replaces

MJMLreact-emaila templating language

Compilation

an email build target inlines styles to attributes

Mail clients strip style blocks, so the compiler puts the styles where they survive rather than asking you to write it that way by hand.

Replaces

juiceinline styles written by hand

The rest of the message

Plain-text alternative and the subject, from the component

The three things a message needs come out of one file, so a subject cannot drift from the body it belongs to.

Replaces

a subject string in the calling code

Compatibility

The limits are written down

Outlook’s conditional-comment handling is the fragile part and the package’s docs say so. A compatibility claim nobody has opened in a real client is worth what it cost to write.

Replaces

Nothing — there is no common equivalent to swap out.