Foundation 3 Stencils!

Use our Foundation Omnigraffle stencils to develop Foundation mock-ups faster than ever before. They're available for Omnigraffle and as vector PDFs.

What's this all about?

We're always wireframing—a lot! Sometimes we'll jump straight into code for wireframes, but that isn't always the best option. We wanted something that would help us develop and layout sites that we planned to build with Foundation for our clients and internal projects.

One of the great things about Foundation is the ability to create coded wireframes quickly, but sometimes you need to get more granular with your details or don't have enough layouts or interactions solved to start coding efficiently. This is where static wireframes do a great job, especially if you have an awesome set of stencils to work with!

Tabs

UI Elements

This stencil includes all the little UI goodies that are handy for any web project. We've included some new elements like the progress bars and pricing tables. Check out what this extensive stencil set includes:

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!