Home Start Get started 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 Quick tour Define elements Register an element Declare properties Instance methods Behaviors Local DOM & styling Local DOM Styling 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 Tools Tools overview Polymer CLI Document your elements Test your elements Optimize for production Publish an element Advanced tools Services What's new Release notes 1.0 Migration guide About Polymer 1.0 Resources Community Browser compatibility API Reference Polymer.Base array-selector custom-style dom-bind dom-if dom-repeat dom-template Polymer.Templatizer Global settings App Toolbox What's in the box? Using the Toolbox App templates Responsive app layout Routing Localization App storage Service worker Serve your app Case study Shop News Blog Community Feature overview Quick tour
Define elements
Register an element Declare properties Instance methods Behaviors
Local DOM & styling
Local DOM Styling
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
Tools
Tools overview Polymer CLI Document your elements Test your elements Optimize for production Publish an element Advanced tools Services
What's new
Release notes 1.0 Migration guide About Polymer 1.0
Resources
Community Browser compatibility
API Reference
Polymer.Base array-selector custom-style dom-bind dom-if dom-repeat dom-template Polymer.Templatizer Global settings

This document is a list of miscellaneous services that you may find useful when creating Polymer elements.

Polygit is a proxy server for serving components from a CDN. It is not meant to be used for production apps, but is very useful when prototyping and sharing jsbins.

Usage:

<head>
  <base href="https://polygit.org/components/"> <!-- saves typing! -->
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="paper-button/paper-button.html">
  <link rel="import" href="iron-selector/iron-selector.html">
</head>

For more documentation, see http://polygit.org.

Source: github.com/PolymerLabs/polygit

polystyle is a web service that can wrap an existing stylesheet on a remote server as Polymer style module. This is useful if you have a hosted third-party stylesheet that you want to use in an element or your application.

Usage:

<head>
  <link rel="import" href="bower_components/polymer/polymer.html">
  <link rel="import" href="https://poly-style.appspot.com?id=theme-styles&url=https://example.com/styles.css">
  <style is="custom-style" include="theme-styles">
    ...
  </style>
</head>

For more information, see https://poly-style.appspot.com/demo/.

Related tools

  • gulp-style-modules—3rd party Gulp plugin for wrapping local CSS files into style modules

Source: github.com/PolymerLabs/polystyles

polyicon is an online tool to generate an optimized custom icon set for your app, with only the icons that you need. Instead of loading entire sets, this tool creates a slimmer (custom) icon set that you can load and use in your app.

Try it out: https://poly-icon.appspot.com/

Source: github.com/PolymerLabs/polyicon