The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
JavaScript HTML CSS
Switch branches/tags
Pull request Compare This branch is 6 commits ahead, 99 commits behind develop.
Latest commit b27b1bf Oct 12, 2017 @IamManchanda IamManchanda Merge pull request #10719 from artbypravesh/master
Fix typo in javascript docs page
Permalink
Failed to load latest commit information.
.github Merge pull request #10314 from zurb/codepen/6.4.1 Jul 25, 2017
_vendor Add contain helper from sassy lists Aug 1, 2017
assets Code Indentation and end of line! Jun 22, 2017
customizer Include and init triggers by default Aug 4, 2017
dist Package up 6.4.3 Aug 18, 2017
docs Fix typo in javascript docs page Oct 12, 2017
gulp Add contain helper from sassy lists Aug 1, 2017
js Package up 6.4.3 Aug 18, 2017
scss Package up 6.4.3 Aug 18, 2017
test Merge pull request #10456 from gskaplan/hotfix/input-group-buttons-si… Aug 4, 2017
.babelrc Remove Babel module transform plugins that aren't being used Feb 23, 2016
.bowerrc Add modules false to babelrc Apr 20, 2017
.editorconfig do not trim trailing whitespace on markdown files Feb 5, 2015
.eslintrc eslint radix, error Mar 1, 2017
.gitignore [TMP] Fix Sass dependencies import for Bower Dec 7, 2016
.npmignore Add yarn.lock Dec 6, 2016
.sass-lint.yml Sass lint: use "stroustrup" as brace style convention Nov 15, 2016
.travis.yml Node 4 installs bombing out, try updating to 6 for travis Apr 4, 2017
.versions meteor version update Dec 15, 2016
CONTRIBUTING.md
LICENSE updates to 2017 Jan 3, 2017
README.md Add training section to readme Jul 5, 2017
bower.json Package up 6.4.3 Aug 18, 2017
browserstack.json Add browserstack api access Apr 4, 2017
code-of-conduct.md Add code of conduct Mar 16, 2016
composer.json Remove version specification on composer.json as per issue #9144 Sep 30, 2016
docslink.sh Add shell script to download and link foundation-docs repo Dec 15, 2015
gulpfile.js Update docs vid for new scrollable video May 3, 2017
meteor-README.md Package up 6.4.3 Aug 18, 2017
package-lock.json fixes typo Sep 25, 2017
package.js Package up 6.4.3 Aug 18, 2017
package.json
sache.json updates package manager files... again Nov 19, 2015
webpack.config.js Address issues from code review Apr 25, 2017
yarn.lock Update outdated dependencies across the board May 31, 2017

README.md

Foundation for Sites

Build Status npm version Bower version Gem Version CDNJS dependencies Status devDependencies Status Gitter

Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.

Getting Started

The quickest way to get started is with the basic CSS download. You can get versions with every component, essential ones only, or a custom build.

If you're a Sass user, we have two starter project templates, the Basic Template and the ZURB Template. You can install them by manually downloading them from GitHub, or using the Foundation CLI.

Lastly, if you're rolling your own setup, you can install Foundation through a variety of package managers.

Documentation

The documentation can be found at https://foundation.zurb.com/sites/docs. To run the documentation locally on your machine, you need Node.js installed on your computer. (Your Node.js version must be 4.0 or higher.)

Run these commands to set up the documentation:

git clone https://github.com/zurb/foundation-sites
cd foundation-sites
npm install

Then run npm start to compile the documentation. When it finishes, a new browser window will open pointing to a BrowserSync server displaying the documentation.

Training

Want the guided tour to Foundation from the team that built it? The ZURB team offers comprehensive training courses for developers of all skill levels. If you're new to Foundation, check out the Introduction to Foundation Course to kickstart your skills, amplify your productivity, and get a comprehensive overview of everything Foundation has to offer. More Advanced users should check out the Advanced Foundation Course to learn the Advanced skills that ZURB uses to deliver quality client work in short timeframes.

Testing

Foundation has three kinds of tests: JavaScript, Sass, and visual regression. Refer to our testing guide for more details.

These commands will run the various tests:

  • npm run test:sass
  • npm run test:javascript:phantomjs
  • npm run test:visual

Testing Supported By
BrowserStack

Contributing

Check out our contributing guide to learn how you can contribute to Foundation. You can also browse the Help Wanted tag in our issue tracker to find things to do.

Copyright (c) 2017 ZURB, inc.