Kraken - A Lightweight, Responsive Mobile-First Boilerplate For Front-End Web Developers

Kraken is a lightweight, responsive mobile-first boilerplate for front-end developers. Kraken is very minimalistic in nature. It features a CSS reset, a responsive mobile grid, a well-designed fluid typographic scale, CSS3 buttons, basic form styling and several add-ons.

Kraken is built using several smaller independent components. It uses Origami, a fluid, mobile-first grid system, Astro - a collection of mobile-first navigation patterns, Drrop - mobile-friendly dropdown menus, Houdini -  a simple expand-and-collapse widget, Tabby - a lightweight, mobile-first toggle tabs and more components – all created by the same author.

Requirements: None
Demo: http://cferdinandi.github.com/kraken/
License: WTFPL

Heisenberg.js - A Project Base For Building Modern JavaScript Applications

Heisenberg.js is a boilerplate for building JavaScript applications based on the Mediator Pattern. It helps you structure your JavaScript code and allows you to use the Mediator Pattern to develop JavaScript applications.

Unlike Backbone.js, which is based on the MVC pattern, the Mediator pattern of Heisenberg.js consists of a set of objects which communicate by emitting event signals to which objects can register interest in and act accordingly.

Heisenberg.js aims to be a solution which sit between unstructured jQuery code and fully-fledged Backbone.js applications.

Heisenberg.js comes with a built-in templating engine – Handlebars.js, which can be changed for any other one of your choice. It includes jQuery and Underscore.js as well.

It has a fully documented source code if you are interested into going deeper in your understanding of how Heisenberg.js works.

Requirements: None
Demo: http://benhowdle.im/heisenberg/
License: MIT License

Shibui - A Simple & Lightweight HTML5 Boilerplate

Shibui is a simple and lightweight HTML5 boilerplate which has been created to contain only the bare essentials needed for you to get going. Shibui, unlike other boilerplates does not come with components, layouts, styles or plugins.

The Shibui boilerplate comes with a properly structured and commented CSS file, includes the latest version of jQuery, as well as Modernizr, Selectivizr, robots.txt and more. Shibui is bloat-free and has normalized CSS, polyfills baked in, cross-browser support, best practice and is easily customizable.

Requirements: None
Demo: http://projects.craftedpixelz.co.uk/shibui/
License: Free

Substrata - A Responsive, Semantic Grided Front-End Boilerplate

Substrata, from the words of its developer is a lightweight, minimalist, responsive, semantic grid powered, unstyled, front-end boilerplate. Substrata was born out of the dissatisfaction with currently existing front-end frameworks like Twitter Bootstrap, HTML5 Boilerplate or Semantic Grid System.

Substrata aims to find the balance between having too much functionality or too little functionality.  It borrows the best ideas from all the other front-end frameworks and tries to make the perfect cocktail which allows you to get started with your project with minimal restrictions.

Substrata is lightweight, with the CSS file’s size at around 8KB minified. It also comes with several baked-in features like Google Web Fonts Code, Analytics code, Modernizr.js, HTML5 Boilerplate’s .htaccess file and more.

Requirements: None
Demo: http://shaunchurch.com/substrata/
License: Free

HTML5 Bones - A Basic, Bare-Bones, Non-Bloated HTML5 Template

HTML5 Bones is a basic, bare-bones, non-bloated HTML5 template which allows you to get started with your HTML5 project with as little fuss as possible. HTML5 Bones provides you with the basic components to get you going with your project.

It includes Normalize.css and the original html5shiv for maximum cross-browser compatibility of the framework, allowing it to work in IE8 or below.  It also includes some of the WAI-ARIA roles and inline comments which document the source code and explains how to use some of the HTML5 elements.  HTML5 Bones also comes with a print CSS code which is included in the main stylesheet file.

Unlike HTML5 Boilerplate, HTML5 Bones does not include jQuery or Modernizr as the author believes they are not really required.  You can include them on your own if you wish.

Requirements: None
Demo: http://html5bones.com/
License: MIT License

CINDERBLOCK - A Stripped Down HTML/CSS Boilerplate For Starting Any Project

CINDERBLOCK is a stripped down HTML/CSS boilerplate for starting any project.  It includes the base stylesheet, jQuery and the bare essentials for you to get started with your project.

Requirements: None
Demo: http://dhgamache.github.com/Cinderblock/
License: MIT License

Responsive Grid System - A Quick, Easy & Flexible Way To Create A Responsive Web Site

Responsive Grid System isn't a framework, nor a boilerplate but rather it's a quick, easy and flexible way to create a responsive web site.

Features

• Have Any Number of Columns - Don't be stuck with 12, 16 or 24 columns across a whole page. You can have whatever you want, wherever you need it.
• Scales to Any Width - Because it uses percentages, your fluid columns will fit into any width. The margins (gutters) use percentages too.
• It's Smart - There's no need to hack in any offsets or marginless final columns. It's the last time you need to use .last and the end of .end.
• You Can Put the Content First - Instead of fitting your content to your grid, you can make your grid suit your content. Doesn't that feel good?
• It Fits In with You - It plugs into your existing HTML and CSS, and it's so easy to do.
• Breakpoints are Easy - Mobile versions of the grid are already part of the css, or you can cook up your own.
• It's Easy - Use it on as simple or as complex a project as you wish. You'll be done in minutes.
• No Maths Required - As long as you can count up to the number of columns you need, you'll be fine.

Requirements: None
Demo: http://www.responsivegridsystem.com/
License: CC Attribution 3.0 License

Boilerstrap - Twitter Bootstrap, But With All Of The HTML5 Boilerplate Tweaks

Boilerstrap is a Twitter Bootstrap, But With All Of The HTML5 Boilerplate Tweaks:  Modernizr loading, js compression, plus better coffeescript support, and control of js concatenation.


Requirements: None
Demo: https://github.com/emorikawa/boilerstrap/blob/master/index.html
License: Free