A mirror of Polymer's components so that they can be used directly from CDN
❗ Polymer CDN now supports Polymer 2! Please report any issues you may find.
In general, given an element named my-cool-element, the CDN url for it will be:
https://cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/my-cool-element/my-cool-element.html
To be sure, browse this repo and copy-paste the url to the raw version into RawGit.
Try hacking on this Codepen.
As this repo groups a whole set of components, versioning is tricky. For now I've decided to follow the Polymer version number and add an extra number behind it for updates that did not involve a change of the Polymer version. It's important to remember that this repo does not (can not) follow semantic versioning guidelines and that it's version numbers indicate not much more than which versions came before which and after which other versions.
Make sure you always link to a specific version and not to master, as that would mean your
code could change right under your nose. Something you don't want in production! Also, for
this same reason, I recommend forking this repo and including from your own fork, so you'll
have full control over it.
To see available versions and select one, use the Branch dropdown menu and select one of
the tags. You can then browse that version of the Repo. Browse to the file you want to include
and copy the url to it's raw version. Throw that into RawGit and you'll
have a url to a file on CDN that never expires from cache and is not throttled or limited
in bandwidth in any way.
This repository aims to be a complete set of the standard Polymer components, grouped in such a way that (transitive) dependencies can be correctly resolved for all components. If you are missing some (version of) a component, please create an issue explaining what should be changed and I'll do my best to implement it.
In the meanwhile, you can fork this project and apply the needed updates to your own fork. It's a pretty simple process. Have a look at the Contribution Guide which explains it in more detail.
All the libraries available in polymer-cdn can be found side-by-side in the lib subfolder. Contained therein are all elements listed as compatible with Polymer 2.
It looks like
gold-zip-inputwasn't actually ported to Polymer 2 yet at the time of writing this, despite being listed as compatible, as witnessed by incompatibility warnings concerning this element in the Bower output at the bottom of this page. Your mileage with this element may vary.
Some of the libraries depend on other libraries. We call those other libraries the dependencies of the library. These dependencies will also be pulled into your page when you include such a library. If the dependencies themselves depend on yet other libraries, these dependencies of dependencies will also be pulled into your page, et cetera until the full dependency tree has been loaded. We call this transitive dependency resolution and it's built in to the way Web Components work.
The bower output below lists, for each library included in this CDN, the dependencies of that library. These dependencies are themselves also listed at the top-level, so you can work out the entire dependency tree for a library by carefully examining this diagram.
polymer-cdn#2.6.0.2
├─┬ app-layout#2.1.1 (latest is 3.0.1)
│ ├─┬ iron-flex-layout#2.0.3 (latest is 3.0.1)
│ │ └─┬ polymer#2.6.1
│ │ ├── shadycss#1.5.2
│ │ └── webcomponentsjs#1.2.7
│ ├─┬ iron-media-query#2.1.0 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ ├─┬ iron-resizable-behavior#2.1.1 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ ├─┬ iron-scroll-target-behavior#2.1.1 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1 (latest is 3.0.5)
├─┬ app-localize-behavior#2.0.2 (latest is 3.0.1)
│ ├── intl-messageformat#1.3.0 (latest is 2.2.0)
│ ├─┬ iron-ajax#2.1.3 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1
├─┬ app-pouchdb#2.1.1
│ ├─┬ app-storage#2.1.2 (latest is 3.0.2)
│ │ └── polymer#2.6.1
│ ├── polymer#2.6.1
│ ├── pouchdb#6.4.3 (latest is 7.0.0)
│ └── pouchdb-find#0.10.5
├─┬ app-route#2.1.2 (latest is 3.0.2)
│ ├─┬ iron-location#2.2.2 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1
├── app-storage#2.1.2 (latest is 3.0.2)
├─┬ gold-zip-input#2.1.0 (latest is 3.0.1)
│ ├─┬ iron-form-element-behavior#2.1.3 (latest is 3.0.1)
│ │ └── polymer#2.6.1
│ ├─┬ iron-icon#2.1.0 (latest is 3.0.1)
│ │ ├── iron-flex-layout#2.0.3
│ │ ├─┬ iron-meta#2.1.1 (latest is 3.0.1)
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ ├─┬ iron-validator-behavior#2.1.0 (latest is 3.0.1)
│ │ ├── iron-meta#2.1.1
│ │ └── polymer#2.6.1
│ ├─┬ paper-input#2.2.3 (latest is 3.0.1)
│ │ ├── iron-a11y-keys-behavior#2.1.1 (latest is 3.0.1)
│ │ ├─┬ iron-autogrow-textarea#2.2.0 (latest is 3.0.1)
│ │ │ ├─┬ iron-behaviors#2.1.1
│ │ │ │ ├─┬ iron-a11y-keys-behavior#2.1.1
│ │ │ │ │ └── polymer#2.6.1
│ │ │ │ └── polymer#2.6.1
│ │ │ ├── iron-flex-layout#2.0.3
│ │ │ ├─┬ iron-validatable-behavior#2.1.0 (latest is 3.0.1)
│ │ │ │ ├── iron-meta#2.1.1
│ │ │ │ └── polymer#2.6.1
│ │ │ └── polymer#2.6.1
│ │ ├── iron-behaviors#2.1.1 (latest is 3.0.1)
│ │ ├── iron-form-element-behavior#2.1.3
│ │ ├─┬ iron-input#2.1.3 (latest is 3.0.1)
│ │ │ ├─┬ iron-a11y-announcer#2.1.0 (latest is 3.0.1)
│ │ │ │ └── polymer#2.6.1
│ │ │ ├── iron-validatable-behavior#2.1.0
│ │ │ └── polymer#2.6.1
│ │ ├─┬ paper-styles#2.1.0
│ │ │ ├── font-roboto#1.1.0
│ │ │ ├── iron-flex-layout#2.0.3
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ ├── paper-styles#2.1.0 (latest is 3.0.1)
│ └── polymer#2.6.1
├── iron-a11y-announcer#2.1.0 (latest is 3.0.1)
├─┬ iron-a11y-keys#2.1.2 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ └── polymer#2.6.1
├── iron-a11y-keys-behavior#2.1.1 (latest is 3.0.1)
├── iron-ajax#2.1.3 (latest is 3.0.1)
├── iron-autogrow-textarea#2.2.0 (latest is 3.0.1)
├── iron-behaviors#2.1.1 (latest is 3.0.1)
├─┬ iron-checked-element-behavior#2.1.1 (latest is 3.0.1)
│ ├── iron-form-element-behavior#2.1.3
│ ├── iron-validatable-behavior#2.1.0
│ └── polymer#2.6.1
├─┬ iron-collapse#2.2.1 (latest is 3.0.1)
│ ├── iron-resizable-behavior#2.1.1
│ └── polymer#2.6.1
├─┬ iron-component-page#3.0.1 (latest is 4.0.1)
│ ├── app-layout#2.1.1 (latest is 3.0.1)
│ ├── iron-ajax#2.1.3
│ ├─┬ iron-doc-viewer#3.3.2 (latest is 4.0.1)
│ │ ├── iron-location#2.2.2
│ │ ├─┬ marked-element#2.4.0 (latest is 3.0.1)
│ │ │ ├── marked#0.3.19 (latest is 0.5.1)
│ │ │ └── polymer#2.6.1
│ │ ├── paper-styles#2.1.0
│ │ ├── polymer#2.6.1
│ │ └─┬ prism-element#2.1.0 (latest is 3.0.1)
│ │ ├── polymer#2.6.1
│ │ └── prism#1.15.0
│ ├─┬ iron-icons#2.1.1 (latest is 3.0.1)
│ │ ├── iron-icon#2.1.0
│ │ ├─┬ iron-iconset-svg#2.2.1 (latest is 3.0.1)
│ │ │ ├── iron-meta#2.1.1
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ ├─┬ paper-icon-button#2.2.0 (latest is 3.0.1)
│ │ ├── iron-icon#2.1.0
│ │ ├─┬ paper-behaviors#2.1.1 (latest is 3.0.1)
│ │ │ ├── iron-behaviors#2.1.1
│ │ │ ├── iron-checked-element-behavior#2.1.1 (latest is 3.0.1)
│ │ │ ├─┬ paper-ripple#2.1.1 (latest is 3.0.1)
│ │ │ │ ├── iron-a11y-keys-behavior#2.1.1
│ │ │ │ └── polymer#2.6.1
│ │ │ └── polymer#2.6.1
│ │ ├── paper-styles#2.1.0
│ │ └── polymer#2.6.1
│ ├── paper-styles#2.1.0
│ ├─┬ paper-toast#2.1.2 (latest is 3.0.1)
│ │ ├── iron-a11y-announcer#2.1.0
│ │ ├── iron-fit-behavior#2.2.1 (latest is 3.0.1)
│ │ ├─┬ iron-overlay-behavior#2.3.4 (latest is 3.0.2)
│ │ │ ├── iron-a11y-keys-behavior#2.1.1
│ │ │ ├─┬ iron-fit-behavior#2.2.1
│ │ │ │ └── polymer#2.6.1
│ │ │ ├── iron-resizable-behavior#2.1.1
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1
├─┬ iron-demo-helpers#2.1.2 (latest is 3.0.2)
│ ├── font-roboto#1.1.0 (latest is 3.0.2)
│ ├── iron-flex-layout#2.0.3
│ ├── iron-location#2.2.2
│ ├── marked-element#2.4.0
│ ├── polymer#2.6.1
│ └── prism-element#2.1.0
├── iron-doc-viewer#3.3.2 (latest is 4.0.1)
├─┬ iron-dropdown#2.2.1 (latest is 3.0.1)
│ ├── iron-behaviors#2.1.1
│ ├── iron-overlay-behavior#2.3.4 (latest is 3.0.2)
│ ├─┬ neon-animation#2.2.1 (latest is 3.0.1)
│ │ ├── iron-resizable-behavior#2.1.1
│ │ ├─┬ iron-selector#2.1.0 (latest is 3.0.1)
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1
├── iron-fit-behavior#2.2.1 (latest is 3.0.1)
├── iron-flex-layout#2.0.3 (latest is 3.0.1)
├─┬ iron-form#2.4.0 (latest is 3.0.1)
│ ├── iron-ajax#2.1.3
│ └── polymer#2.6.1
├── iron-form-element-behavior#2.1.3 (latest is 3.0.1)
├── iron-icon#2.1.0 (latest is 3.0.1)
├── iron-icons#2.1.1 (latest is 3.0.1)
├─┬ iron-iconset#2.1.1 (latest is 3.0.1)
│ ├── iron-meta#2.1.1
│ └── polymer#2.6.1
├── iron-iconset-svg#2.2.1 (latest is 3.0.1)
├─┬ iron-image#2.2.1 (latest is 3.0.1)
│ └── polymer#2.6.1
├── iron-input#2.1.3 (latest is 3.0.1)
├─┬ iron-jsonp-library#2.1.0 (latest is 3.0.1)
│ └── polymer#2.6.1
├─┬ iron-label#2.1.0 (latest is 3.0.1)
│ └── polymer#2.6.1
├─┬ iron-list#2.0.19 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-resizable-behavior#2.1.1
│ ├── iron-scroll-target-behavior#2.1.1
│ └── polymer#2.6.1
├─┬ iron-localstorage#2.1.1 (latest is 3.0.1)
│ └── polymer#2.6.1
├── iron-location#2.2.2 (latest is 3.0.1)
├── iron-media-query#2.1.0 (latest is 3.0.1)
├─┬ iron-menu-behavior#2.1.1 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-flex-layout#2.0.3
│ ├── iron-selector#2.1.0
│ └── polymer#2.6.1
├── iron-meta#2.1.1 (latest is 3.0.1)
├── iron-overlay-behavior#2.3.4 (latest is 3.0.2)
├─┬ iron-pages#2.1.1 (latest is 3.0.1)
│ ├── iron-resizable-behavior#2.1.1
│ ├── iron-selector#2.1.0
│ └── polymer#2.6.1
├─┬ iron-range-behavior#2.1.1 (latest is 3.0.1)
│ └── polymer#2.6.1
├── iron-resizable-behavior#2.1.1 (latest is 3.0.1)
├── iron-scroll-target-behavior#2.1.1 (latest is 3.0.1)
├─┬ iron-scroll-threshold#2.0.0 (latest is 3.0.1)
│ ├── iron-scroll-target-behavior#2.1.1
│ └── polymer#2.6.1
├── iron-selector#2.1.0 (latest is 3.0.1)
├─┬ iron-test-helpers#2.0.1 (latest is 3.0.1)
│ └── polymer#2.6.1
├── iron-validatable-behavior#2.1.0 (latest is 3.0.1)
├── iron-validator-behavior#2.1.0 (latest is 3.0.1)
├── marked-element#2.4.0 (latest is 3.0.1)
├── neon-animation#2.2.1 (latest is 3.0.1)
├─┬ note-app-elements#2.1.2
│ ├── app-storage#2.1.2
│ ├── font-roboto#1.1.0 (latest is 3.0.2)
│ ├── iron-autogrow-textarea#2.2.0 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3 (latest is 3.0.1)
│ ├── iron-icon#2.1.0 (latest is 3.0.1)
│ ├── iron-icons#2.1.1 (latest is 3.0.1)
│ ├── iron-input#2.1.3 (latest is 3.0.1)
│ ├─┬ paper-button#2.1.3 (latest is 3.0.1)
│ │ ├── iron-flex-layout#2.0.3
│ │ ├── paper-behaviors#2.1.1
│ │ ├── paper-styles#2.1.0
│ │ └── polymer#2.6.1
│ ├─┬ paper-fab#2.1.0 (latest is 3.0.1)
│ │ ├── iron-flex-layout#2.0.3
│ │ ├── iron-icon#2.1.0
│ │ ├── paper-behaviors#2.1.1
│ │ ├── paper-styles#2.1.0
│ │ └── polymer#2.6.1
│ ├── paper-icon-button#2.2.0 (latest is 3.0.1)
│ ├── paper-styles#2.1.0 (latest is 3.0.1)
│ ├── polymer#2.6.1
│ └── web-animations-js#2.3.1
├─┬ paper-alert-dialog#2.0.2
│ ├── iron-icon#2.1.0 (latest is 3.0.1)
│ ├── paper-button#2.1.3 (latest is 3.0.1)
│ ├─┬ paper-dialog#2.1.1 (latest is 3.0.1)
│ │ ├── iron-overlay-behavior#2.3.4
│ │ ├── neon-animation#2.2.1
│ │ ├─┬ paper-dialog-behavior#2.2.2 (latest is 3.0.1)
│ │ │ ├── iron-overlay-behavior#2.3.4
│ │ │ ├── paper-styles#2.1.0
│ │ │ └── polymer#2.6.1
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1 (latest is 3.0.5)
├─┬ paper-badge#2.1.0 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── iron-icon#2.1.0
│ ├── iron-resizable-behavior#2.1.1
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├── paper-behaviors#2.1.1 (latest is 3.0.1)
├── paper-button#2.1.3 (latest is 3.0.1)
├─┬ paper-card#2.1.0 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── iron-image#2.2.1 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-checkbox#2.0.4 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-checked-element-behavior#2.1.1
│ ├── paper-behaviors#2.1.1
│ ├── paper-ripple#2.1.1
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-dialog#2.1.1 (latest is 3.0.1)
│ ├── iron-overlay-behavior#2.3.4
│ ├── neon-animation#2.2.1
│ ├─┬ paper-dialog-behavior#2.2.2
│ │ ├── iron-overlay-behavior#2.3.4
│ │ ├── paper-styles#2.1.0
│ │ └── polymer#2.6.1
│ └── polymer#2.6.1
├── paper-dialog-behavior#2.2.2 (latest is 3.0.1)
├─┬ paper-dialog-scrollable#2.2.1 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── paper-dialog-behavior#2.2.2
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-drawer-panel#2.1.2 (latest is 3.0.1)
│ ├── iron-media-query#2.1.0
│ ├── iron-resizable-behavior#2.1.1
│ ├── iron-selector#2.1.0
│ └── polymer#2.6.1
├─┬ paper-dropdown-menu#2.1.0 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-form-element-behavior#2.1.3
│ ├── iron-icon#2.1.0
│ ├── iron-iconset-svg#2.2.1
│ ├── iron-validatable-behavior#2.1.0
│ ├── paper-behaviors#2.1.1
│ ├── paper-input#2.2.3
│ ├─┬ paper-menu-button#2.1.1 (latest is 3.0.1)
│ │ ├── iron-a11y-keys-behavior#2.1.1
│ │ ├── iron-behaviors#2.1.1
│ │ ├── iron-dropdown#2.2.1 (latest is 3.0.1)
│ │ ├── iron-fit-behavior#2.2.1
│ │ ├── neon-animation#2.2.1
│ │ ├── paper-styles#2.1.0
│ │ └── polymer#2.6.1
│ ├── paper-ripple#2.1.1
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├── paper-fab#2.1.0 (latest is 3.0.1)
├─┬ paper-header-panel#2.1.0 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ └── polymer#2.6.1
├── paper-icon-button#2.2.0 (latest is 3.0.1)
├── paper-input#2.2.3 (latest is 3.0.1)
├─┬ paper-item#2.1.1 (latest is 3.0.1)
│ ├── iron-behaviors#2.1.1
│ ├── iron-flex-layout#2.0.3
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-listbox#2.1.1 (latest is 3.0.1)
│ ├── iron-behaviors#2.1.1
│ ├── iron-menu-behavior#2.1.1 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-material#2.1.0 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├── paper-menu-button#2.1.1 (latest is 3.0.1)
├─┬ paper-progress#2.1.1 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── iron-range-behavior#2.1.1 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-radio-button#2.1.0 (latest is 3.0.1)
│ ├── iron-checked-element-behavior#2.1.1
│ ├── iron-flex-layout#2.0.3
│ ├── paper-behaviors#2.1.1
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-radio-group#2.2.0 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-menu-behavior#2.1.1
│ ├── paper-radio-button#2.1.0 (latest is 3.0.1)
│ └── polymer#2.6.1
├── paper-ripple#2.1.1 (latest is 3.0.1)
├─┬ paper-scroll-header-panel#2.0.0 (latest is 3.0.1)
│ ├── iron-resizable-behavior#2.1.1
│ └── polymer#2.6.1
├─┬ paper-slider#2.0.7 (latest is 3.0.1)
│ ├── iron-a11y-keys-behavior#2.1.1
│ ├── iron-behaviors#2.1.1
│ ├── iron-flex-layout#2.0.3
│ ├── iron-form-element-behavior#2.1.3
│ ├── paper-behaviors#2.1.1
│ ├── paper-input#2.2.3
│ ├── paper-progress#2.1.1 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-spinner#2.1.0 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├── paper-styles#2.1.0 (latest is 3.0.1)
├─┬ paper-swatch-picker#2.2.1 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── iron-iconset-svg#2.2.1
│ ├── paper-icon-button#2.2.0
│ ├── paper-item#2.1.1 (latest is 3.0.1)
│ ├── paper-listbox#2.1.1 (latest is 3.0.1)
│ ├── paper-menu-button#2.1.1
│ └── polymer#2.6.1
├─┬ paper-tabs#2.1.1 (latest is 3.0.1)
│ ├── iron-behaviors#2.1.1
│ ├── iron-flex-layout#2.0.3
│ ├── iron-icon#2.1.0
│ ├── iron-iconset-svg#2.2.1
│ ├── iron-menu-behavior#2.1.1
│ ├── iron-resizable-behavior#2.1.1
│ ├── paper-behaviors#2.1.1
│ ├── paper-icon-button#2.2.0
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├── paper-toast#2.1.2 (latest is 3.0.1)
├─┬ paper-toggle-button#2.1.1 (latest is 3.0.1)
│ ├── iron-checked-element-behavior#2.1.1
│ ├── paper-behaviors#2.1.1
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-toolbar#2.1.0 (latest is 3.0.1)
│ ├── iron-flex-layout#2.0.3
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ paper-tooltip#2.1.1 (latest is 3.0.1)
│ ├── paper-styles#2.1.0
│ └── polymer#2.6.1
├─┬ platinum-sw#2.1.0
│ ├── polymer#2.6.1
│ └── sw-toolbox#3.6.1
├── polymer#2.6.1 (latest is 3.0.5)
├─┬ polymerfire#2.2.1
│ ├── app-storage#2.1.2 (latest is 3.0.2)
│ ├── firebase#4.13.0 (latest is 5.5.2)
│ └── polymer#2.6.1
├── prism-element#2.1.0 (latest is 3.0.1)
├─┬ web-component-tester#6.5.0 (6.6.0-pre.5 available)
│ ├── accessibility-developer-tools#2.12.0
│ ├── async#1.5.2 (latest is 3.0.1-0)
│ ├── chai#3.5.0 (latest is 4.2.0)
│ ├── lodash#3.10.1 (3.11.0-npm-packages available, latest is 4.17.11)
│ ├── mocha#3.5.3 (latest is 5.2.0)
│ ├── sinon-chai#2.14.0 (latest is 3.2.0)
│ ├── sinonjs#1.17.1
│ ├── stacky#1.3.2
│ └── test-fixture#3.0.0 (latest is 4.0.2)
└── webcomponentsjs#1.2.7 (latest is 2.1.3)