Foundation

Download Foundation 3

There are three ways to get Foundation. Pick the one that's right for you.

Download Foundation 3

There are three ways to get Foundation. Pick the one that's right for you.

Default CSS

This version of Foundation includes smart defaults and doesn't require Sass or any other tools. Everything in this is minified, so you would use this to build on top of Foundation.

Download Foundation CSS

Custom CSS

You can customize your build of Foundation below to include or remove certain elements, as well as to define the size of columns, colors, font size and more.

Customize Foundation

Sass + Compass

Foundation is built using SCSS, and you can work with it in the same way. To get Foundation using Sass and Compass, check out the instructions on the Install documentation page.

Install Foundation SCSS

Upgrading from Foundation 2? There are some things you should know. Read the migration guide →
Used to Foundation 2 and want to keep on truckin'? No problem. Download it→


Customize Foundation

Included CSS:
  • Kitchen sink
  • Responsive grid
  • Entire button set
  • Media Query responsiveness
  • Reusable UI elements
  • Different navigation elements
  • Tabbed elements
  • Top Navigation
Included Plug-ins:
  • Kitchen sink
  • Slider with JS/CSS
  • Modal with JS/CSS
  • Feature tours with JS/CSS
  • Lightbox with JS/CSS
  • Scroll navigation with JS
The Grid
px
px
Text Direction
Colors
#
#
#
#
#
#
Typography
px
px
Buttons
px
px
Top Bar Responsive Breakpoint
px

Additional Layers



Banded

Blog

Feed

Grid

Orbit Home

Banner Home

Sidebar

Contact

Realty

So Boxy

Store



Stay on top of what's happening in responsive design with Responsive from ZURB.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »