Email Slayer makes building responsive emails easy and extremely efficient. Here's How:
- It's built off of Zurb Ink's framework for responsive emails.
- It's written in Sass because...it's 2015.
- It brings all your CSS inline with a simple command.
- It even brings your media queires into the
<head>of your file.
- Download and install Node.js (If you haven't already)
- Install Gulp globally Gulp.js
$ npm install gulp -g(If you haven't already) - (Optional) Email Slayer can also be downloaded through Bower
$ npm install -g bowerto install bower globally
Getting started | Demo video
- Download Zip or download through Bower
$ bower install email-slayer - From your terminal / cmd line CD to the root of the project folder
- run
$ npm install(This will download all dependancies necessary to run this project)
- run
$ gulpto initiate sass & watch (ctrl + cto stop watch task) - run
$ gulp buildto compile all of the .html files from your_inputfolder to a fully inlined version in the_outputfolder.
Email-Slayer/
├── input/
│ └── Sass/+
│ └── basic.html
│ └── hero.html
│ └── sidebar-hero.html
│ └── sidebar.html
- Zurb Ink Documentation (The included templates included are almost exact replicas of Zurb Ink's templates)
- Guide to CSS in Email
find a bug? Like to see some improvements? make an issue or submit a pull request, and I will respond shortly.
I want to make Email Slayer as useful & powerful as possible. If you make an awesome template from Email Slayer, please submit it through a pull request and I'll be glad to review it inclusing in the next version.
Email Slayer if free to use under the MIT License Copyright © 2015 Seth Coelen
~~Made with ♥ from New york~~~
Forged with contempt from Cleveland
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent