A modular and lightweight, responsive email framework.
Easy to use and filled with cool stuff.
Pine is easy to use and offers 10+ useful components for quick email layout creation.
Inspired by the awesome Foundation for Emails, we created a framework that is lighter and has solid
email client compatibility.
There is no build system: just a grid, some CSS, a few design patterns, and some awesome components.
Simply copy HTML and stack grid elements in the provided default layout file, then add your own content inside them.
Components are prestyled elements that are ready to be implemented. Easily override default styles and customize them further.
Useful features and coding techniques that will help you create awesome emails with the Pine Framework.
Pine supports and has been tested to work with the following email clients:
|Email Client or Device||Compatible|
|Gmail Android App|
|Outlook Android App|
|iPhone 6, 6+|
|iPhone 7, 7+|
|Gmail iOS App|
|Outlook iOS App|
|Apple Mail 8|
|Apple Mail 9|
|Apple Mail 10|
|Outlook 2013 (120 DPI)|
|Outlook 2016 (Mac)|
|Lotus Notes 8|
|Lotus Notes 8.5|
|Common Web Clients|
* Displays the desktop version.
The following web email clients have also rendered Pine's grid well, although we don't officially support them: