Home Start Get started Quick tour of Polymer Install the Release Candidate Polymer Feature overview What's new About Polymer 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 Tools Tools overview Polymer CLI Document your elements Test your elements Optimize for production Advanced tools Services polymer.json specification Node support Resources Browser compatibility Glossary API Reference API Reference 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
What's new
About Polymer 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
Tools
Tools overview Polymer CLI Document your elements Test your elements Optimize for production Advanced tools Services polymer.json specification Node support
Resources
Browser compatibility Glossary
API Reference
API Reference

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.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