Home Start Get started Quick tour of Polymer Install Polymer 2.x Build an element 1. Get set up 2. Add local DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties Build an app 1. Get set up 2. Create a new page 3. Add some elements 4. Deploy Polymer Feature overview About this release What's new in 2.0 Upgrade guide Hybrid elements Release notes Custom elements Custom element concepts Define an element Declare properties Shadow DOM & styling Shadow DOM concepts DOM templating Style shadow DOM Custom CSS properties Events Handle and fire events Gesture events Data system Data system concepts Work with object and array data Observers and computed properties Data binding Helper elements Browser support Overview Polyfills ES6 Tools Tools overview Polymer CLI CLI commands Create an element project Create an application project Document your elements Test your elements Web services polymer.json specification Node support Resources Glossary API Reference API Reference Global settings App Toolbox What's in the box? Using the Toolbox App templates Responsive app layout Routing Localization App storage Service worker Deploy Build for production Serve your app The PRPL pattern Case study Shop News Blog Community Get started Quick tour of Polymer Install Polymer 2.x
Build an element
1. Get set up 2. Add local DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties
Build an app
1. Get set up 2. Create a new page 3. Add some elements 4. Deploy

If you're familiar with Polymer and just want to get started with the new release, you're in the right place! If you'd like an introduction to the Polymer project and web components:

Polymer is distributed via the Bower package manager.

To create an application template and install Polymer automatically, you can use the Polymer CLI.

To start a project from scratch, you can install Polymer with Bower.

The Polymer CLI requires Node.js, npm, Git and Bower. For full installation instructions, see the Polymer CLI documentation.

  1. Install the Polymer CLI.

    npm install -g polymer-cli
    
  2. Create a test folder for Polymer 2.0, and switch to it.

    mkdir polymer-20-test
    cd polymer-20-test
    
  3. Initialize your project.

    polymer init
    
  4. Select polymer-2-application.

  5. Serve your project.

    polymer serve
    
  1. Install Bower.

    npm install -g bower
    
  2. Install the Polymer CLI

    The Polymer CLI requires Node.js and npm as well as Bower. For full installation instructions, see the Polymer CLI documentation.

    npm install -g polymer-cli
    
  3. Install the latest Polymer 2.0 release from bower

    bower install Polymer/polymer#^2.0.0
    
  4. Create a test index.html file, and add the following in the <head> tag:

  • <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script> to load the polyfills
  • <link rel="import" href="/bower_components/polymer/polymer.html"> to import Polymer
  1. Import and use whichever elements you’d like.

  2. Serve your project.

    polymer serve
    

For information on building your project for production, see the documentation on building Polymer applications for production.