Skip to content
πŸ“¨ Making emails fun again
Branch: master
Clone or download

FuzzyMail Dependencies

Making emails fun again ✌

Preview Demo Screenshots: Modern Client β€’ Gmail β€’ Outlook β€’ Mobile

Problem: Supporting old email clients it's a real pain. I wanted to create something that can be flexible in design and yet support legacy email clients like Outlook.

Solution: FuzzyMail - is a simple tool to automate the development process for creating email templates. Supporting old email clients while maintaining responsiveness. Fuzzymail is supported on over 60+ email clients.


  • Dev server with live reload
  • PostCSS with postcss-preset-env
  • Reusable chunks for HTML templating
  • Inline CSS on distribution files



FuzzyMail requires Node v7.5+. This is the only global dependency. You can download Node here.

Setup project

Clone repository:

git clone & cd fuzzymail
β”œβ”€β”€ build/                   # Build files
β”œβ”€β”€ dist/                    # Distribution files
β”œβ”€β”€ src/                     # Template files
β”‚   β”œβ”€β”€ assets/              # Assets directory
β”‚       β”œβ”€β”€ css/             # CSS files
β”‚       β”œβ”€β”€ img/             # Image directory
β”‚   β”œβ”€β”€ includes/            # Template partials
└── .gitignore               # Git ignored files
└──       # Code of conduct
└── gulpfile.js              # Gulp configuration
└── LICENSE                  # License agreements
└── package.json             # Node packages
└──                # You are reading this


Start development server:

npm run dev

Templating ✍️

To avoid repetitive HTML code the build uses gulp-file-include, it allow us to re-use chunks of code written in separate files. It is recommended to place the included files in the /src/includes directory to keep track of changes and live-reload.


To build the production templates:

npm run prod

All styles will be inlined.


You can’t perform that action at this time.