Slinky

Slinging Responsive Emails from the Cloud

Email design is hard — a lot harder than it should be. The release of Foundation for Emails 2 pushed email design and development forward by bringing in some of the best practices of web development. This was awesome for people that know about the web, but things like Npm and Gulp are scary and sometimes hard to install, especially if you don’t have a strong web background.

We’ve made it one more step closer to opening up email design to everybody. Meet Slinky.

Code up a custom responsive email using just your web browser and our lightning-fast Inky Templating language. Oh yeah, it’s all baked into the CodePen below. Just fire up the CodePen, write your markup in either Inky or vanilla HTML, and inline that sucker! Check it out below:

Also, check out the piece Chris Coyier of CodePen and CSS-Tricks.com wrote a fantastic breakdown of how Slinky works and how it can be used with major ESP's like Mailchimp or API's like MailGun.

Now obviously, for a real email you probably want to add images, and the free version of CodePen doesn't give you anywhere to upload them. To do this, you can add images just by hosting them anywhere you’d normally host images: on your website, on S3, or at your email campaign service. Alternatively, if you could sign up for a CodePen pro account they’ll let you host images directly on CodePen.

We’ve got some big hopes for this. Who knows, it might just show up in your web email-builder of choice!

Check out other Playground experiments

Get started with finishing

Team up with our designers to see how our iterative design process can get your project going. Equipped with our Progressive Design process, visual skills, and the coding chops that brought you Foundation, ZURB Studios is ready to jump in and get your product out to the masses!