ZURB WebApp Template
Please open all issues with this template on the main Foundation for Sites repo.
This is the official ZURB Template for use with Foundation for Sites. We use this template at ZURB to deliver static code to our clients. It has a Gulp-powered build system with these features:
- Handlebars HTML templates with Panini
- Sass compilation and prefixing
- Built-in BrowserSync server
- For production builds:
- CSS compression
- Image compression
To use this template, your computer needs:
This template can be installed with the Foundation CLI, or downloaded and set up manually.
Using the CLI
Install the Foundation CLI with this command:
npm install foundation-cli --global
Use this command to set up a blank Foundation for Sites project with this template:
foundation new --framework sites --template zurb
The CLI will prompt you to give your project a name. The template will be downloaded into a folder with this name.
cd to your project name and to start your project run
To manually set up the template, first download it with Git:
git clone https://github.com/zurb/foundation-zurb-template projectname
Then open the folder in your command line, and install the needed dependencies:
cd projectname yarn
yarn start to run Gulp. Your finished site will be created in a folder called
dist, viewable at this URL:
To create compressed, production-ready assets, run
yarn run build.