Polymer Boilerplate

screenshot of Polymer Boilerplate

Polymer Boilerplate

A Polymer.js template for building fast, robust web apps using Web Components

Overview

Polymer Boilerplate is a front-end template for building fast, robust, and adaptable web apps using Web Components. It is built on the Polymer library, which provides polyfills and sugar to enable the use of Web Components in modern browsers. With features such as live reload support, JSHint linting, and Grunt for build processes, Polymer Boilerplate aims to provide a comprehensive and user-friendly development environment for building Polymer elements.

Features

  • Boilerplate for Polymer elements
  • Minimal HTML5 Boilerplate
  • Vulcanize support for inlining HTML Imports
  • LiveReload support for automatic refresh on edit
  • JSHint linting for projects
  • Mocha for unit testing
  • Sane project structure
  • Simple sample Polymer elements
  • Grunt for build-process, Bower for dependency management
  • "Delete-key friendly." Easy to strip out parts you don't need.

Installation

To get started with Polymer Boilerplate, you can follow these steps:

  1. Install the Polymer Boilerplate package using Bower:

    bower install polymer-boilerplate
    
  2. If you prefer using Git, you can clone the repository and checkout the tagged release you'd like to use:

    git clone https://github.com/addyosmani/polymer-boilerplate.git
    

Summary

Polymer Boilerplate is a feature-rich front-end template for building web apps using Web Components. It offers a range of useful features such as live reload support, JSHint linting, and Grunt for build processes. With its minimal HTML5 Boilerplate and support for inlining HTML Imports, Polymer Boilerplate provides an optimal development environment for building Polymer elements.

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.