Two Ways to Get Started
Foundation for Emails can be used with plain CSS or Sass.
The fastest way to get started! The CSS version of Foundation for Emails has everything you need and nothing you don't to get started writing responsive HTML emails. You get our boilerplate HTML, our starter email templates, and the battle-tested Foundation for Emails CSS.
Streamline your workflow even more. The Sass version of Foundation for Emails gives you greater control over the visual styles of the framework. It's also backed by the ZURB Stack, a Node-powered build system with HTML templating, Sass compilation, image compression, and inlining. Requires Node.js to get started.
ZURB MASTER CLASSResponsive Emails
In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.Learn Foundation for Emails
Five steps to Foundation for Emails-certified emails
Follow these five steps to make sure your email looks great.
Inline CSS into HTML
Once your email looks great and responsive styles are included, inline your CSS into the email. Our web inliner makes this easy. Or, if you're using the ZURB Email Stack, just run
npm run build.
Test your email
Don’t send it out just yet! Make sure you test it on as many platforms as you can. We use Litmus to test on a number of devices—you should too!
For a list of supported clients, check out our compatibility page in the docs.