Foundation

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device. Start here, build everywhere.

Download Foundation 2.2
Boilerplate • CSS • JS • Plugins

View the Documentation »View on Github »

Foundation works on any device!
Latest Update
Clone Now

Flexible Grid

The Grid lets you lay out pages quickly and logically with a flexible, nestable system. Even better, the Grid can be whatever size you need — it's easily adapted to any size screens, from phones to TVs.

Rapid Prototyping

Foundation includes dozens of styles and elements to help you quickly put together clickable prototypes, that can then be adapted and styled into polished production code. Forms, buttons, tabs, all kinds of good stuff.

Mobility

The Grid lets you quickly put together page layouts for mobile devices and the desktop. You don't need two different sites — the Grid is built to create a rock-solid experience on all kinds of devices with the exact same markup.

Sites Using Foundation

  • Rebekah Children's Services
  • Rebekah Children's Services
  • Dictionary.com Word Dynamo
  • Reel
  • ZURBsoapbox

Case Studies

Get Swizzle

Swizzle

This sweet-looking site for online service and design agency Swizzle was built just a month after the release of Foundation, and is beautifully responsive. Read the case study →

ZURBsoapbox

ZURBsoapbox

We quickly prototyped and built a site for our speaking series using Foundation. Check out some of the pieces we used from Foundation by viewing the case study →

Foundation Marketing Site

Foundation

Pretty meta, right? We built this site and the documentation using Foundation during its development. Grab the entire site on Github, or check out the case study →

ZURBjobs

ZURBjobs

It's hard to find great product design talent. ZURBjobs helps with specific, targeted job postings from the best companies around. Read the case study →

Case Studies