FOUNDATION FOR EMAILS

We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

Spend Less Time Coding, Testing, and Preparing:
  • Responsive Grid for Any Layout
  • Common UI Patterns to Build Faster
  • Make stylish emails fast with Sass
  • Inky: A New Templating Language
  • The ZURB Email Stack will make you an email pro
  • Emails that work in all of the major clients, even Outlook
  • Inlining CSS is was a pain

Motion UI Animations

Choose from the following classes to change the animation:

Spend Less Time Coding, Testing, and Preparing:
  • Slide:
    • .slide-in-down
    • .slide-in-left
    • .slide-in-up
    • .slide-in-right
    • .slide-out-down
    • .slide-out-left
    • .slide-out-up
    • .slide-out-right
  • Fade:
    • .fade-in
    • .fade-out
  • Hinge:
    • .hinge-in-from-top
    • .hinge-in-from-right
    • .hinge-in-from-bottom
    • .hinge-in-from-left
    • .hinge-in-from-middle-x
    • .hinge-in-from-middle-y
    • .hinge-out-from-top
    • .hinge-out-from-right
    • .hinge-out-from-bottom
    • .hinge-out-from-left
    • .hinge-out-from-middle-x
    • .hinge-out-from-middle-y
  • Scale:
    • .scale-in-up
    • .scale-in-down
    • .scale-out-up
    • .scale-out-down
  • Spin:
    • .spin-in
    • .spin-out
    • .spin-in-ccw
    • .spin-out-ccw