Starter front-end template to build responsive styleguide
HTML CSS Ruby CoffeeScript
Clone or download


If you want support, please use foundation forum with the foundation-boilerplate tag and not the GitHub issues tracker. Only post an issue here if you think you discovered a bug or have a feature request.


foundation-boilerplate is a collection of useful starter kits to help you prototype with foundation framework faster. This application is lovely handcrafted with the help of Middleman and includes my favorite front-end tools.

About Middleman

Middleman is a static site generator built in Ruby. This makes it a great fit for projects that may end up as a Ruby on Rails app. Its minimalistic structure makes it very easy to work with, and includes support for deploying to Github Pages.


Getting Started

Set up your project in your code directory

git clone your-project-folder
cd your-project-folder
git remote rm origin
git remote add origin your-git-url

Install dependencies

bundle install
bower install

Launch the server on your machine

middleman server

Deploy to Github Pages

middleman deploy


Stylesheets, fonts, images, and JavaScript files go in the /source/assets/ directory. Vendor stylesheets and JavaScripts should go in each of their /bower_components/ directories.

├── bower_components/
│    └── ...
├── source/
│   ├── assets/
│   └── ...



If you have problems, please create a GitHub Issue.

Have a fix or want to add a feature? Pull Requests are welcome!


David Leuliette


This project is free software, and may be redistributed under GNU/GPL license.