Welcome to Foundation 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?

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

• Getting Started
  

  Foundation Starter Projects - CSS Download

  This video will take you through downloading and getting started with the Foundation CSS project.

  Watch Video

  

  Foundation Starter Projects

  This video will take you through downloading and getting started with the Foundation stack.

  Watch Video
• Why Foundation
  

  The World’s Most Advanced Front-end Framework

  Coming from another framework? It’s the perfect time to make the switch and learn Foundation. Download our free e-book that will help you convince your team that Foundation is better, easier to learn, and more flexible than anything else out there.

  Learn More

  

  Build Your Career on a Solid Foundation

  Web technologies are rapidly changing, but time and resources are finite. Find out why Learning Foundation places you at the cutting edge of the website development.

  Learn More
• 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

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.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
  

  How to Use 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.