Installing Foundation

There are a number of ways to install Foundation for Sites. Our installation page will help you find the best option for you.

2
3
4
5
6

Installing Foundation

There are a number of ways to install Foundation for Sites. Our installation page will help you find the best option for you.

Install Foundation for Sites


New to Foundation for Sites?

The number one way to learn your way around Foundation and start mastering responsive web development is via the training courses offered by the ZURB team.

Check out the next Foundation training →

With an easy to understand syntax and consistent structure, you'll learn your way around Foundation in no time!

  • Getting Started
  • Why Foundation
  • Templates and Code Snippets
    Foundation Templates

    Get eight responsive templates to kick off your projects built with the same techniques we teach in our Introduction to Foundation 6 Course to build your business upon.

    View Templates
    Foundation Building Blocks

    Building Blocks are coded UI components you can drop into any standard Foundation project. Building Blocks will help you rapidly accelerate your development time.

    Learn More
    Foundation Kits

    Foundation Kits are curated bundles of Building Blocks designed for building specific types of websites and apps. Download from 7 powerful Kits to jumpstart your next project.

    View Kits
  • Additional Resources
    Zero to Website Guide

    Learning a framework for the first time can be overwhelming, so we’ve put together “Zero to Website,” a 60-page guide that will walk you through coding a real, live, responsive website from scratch with Foundation.

    Get The Guide
    Live Webinar: Introduction to Foundation 6

    Master Foundation ultra fast. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.

    Learn More

Experienced with Foundation for Sites?

With an easy to understand syntax and consistent structure, you'll learn your way around Foundation in no time!

  • Latest Foundation Updates
    Foundation 6.4.0 Update: A New Grid, JavaScript Upgrades, and Slick New Prototyping Mode

    Foundation 6.4 has dropped and it is AWESOME. This new release is jampacked with some incredible new features that enable you to build layouts and designs with Foundation that weren’t possible before.

    Learn More
    Foundation 6.3.1 Update: Sass mixins and bug fixes

    Foundation 6.3.1 contains plenty of bug fixes underlying reworks to old features. Along with bug fixes, Foundation gets some some new Sass mixins and optimizations that make it work in more scenarios and the docs got a lot of love. Enjoy it!

    Learn More
  • Building Blocks
    Foundation Building Blocks Accelerate Your Development

    Building Blocks are coded UI components you can drop into any standard Foundation project. Building Blocks will help you rapidly accelerate your development time.

    Learn More
    How to Use ZURB Foundation's Building Blocks

    The Foundation team has cut your development time in half again with Foundation Building Blocks. In this tutorial we'll show you how to find the right building block and the way to install it that works best for you.

    Learn More
  • Foundation Integrations
    Angular Foundation 6

    The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.

    Learn More
    React + Foundation 6

    React is a JavaScript library for building user interfaces. Now you can use Foundation for Sites 6 components implemented in React with CSS Modules!

    Learn More
    JointsWP: Foundation 6 meets WordPress

    JointsWP is a blank WordPress theme built with Foundation 6, giving you all the power and flexibility you need to build complex, mobile friendly websites without starting from scratch.

    Learn More
    Setting up Vue 2 and Foundation 6

    This is a demo integration of Foundation for Sites 6.3 in a VueJS 2.1 single-page application.

    Learn More
  • Foundation Showcase
    5 Years of Shaping the Web

    This year Foundation turned five years old. It was the first to be responsive, the first to be semantic, the first to be mobile first, the first to be built with Sass, and the first to have accessibility built in. Learn more about the framework and where it's going next.

    Learn More
    Foundation Brands

    Big brands are relying more and more on the world's most advanced, responsive front-end framework. Their sites are now built so that customers can connect with them on any device.

    Learn More
    Foundation Case Studies

    Foundation in the wild. See how people are using Foundation to build responsive, future-friendly sites. We learn what went into their designs, decisions, and how Foundation helped them get to their goals.

Try one of these buttons:

Simple Button
Success Btn
Alert Btn
Secondary Btn

So many components, girl!

A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.

Go to Foundation Docs