Polymer Logo Home Guides Feature overview Try Polymer Tutorial: Build an element 1. Get set up 2. Add local DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties 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 Build apps Overview App templates Responsive app layout Routing Localization App storage Service worker Serve your app Resources Global settings Browser compatibility API API Reference Polymer.Base array-selector custom-style dom-bind dom-if dom-repeat dom-template Polymer.Templatizer Home Guides Feature overview Try Polymer Install Polymer 2.x Tutorial: Build an element 1. Get set up 2. Add local DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties 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 Publish your elements Web services polymer.json specification Node support Build apps Overview App templates Responsive app layout Routing Localization App storage Service worker Build for production Serve your app The PRPL pattern Shop App Case Study News App Case Study Resources Glossary Global settings API Reference index Elements Polymer.ArraySelector Polymer.CustomStyle Polymer.DomBind Polymer.DomIf Polymer.DomModule Polymer.DomRepeat Polymer.Element Classes Polymer.Debouncer Polymer.DomApi Polymer.FlattenedNodesObserver Mixins Polymer.ArraySelectorMixin Polymer.DirMixin Polymer.ElementMixin Polymer.GestureEventListeners Polymer.LegacyElementMixin Polymer.MutableData Polymer.OptionalMutableData Polymer.PropertiesChanged Polymer.PropertiesMixin Polymer.PropertyAccessors Polymer.PropertyEffects Polymer.TemplateStamp Functions Polymer.Class Polymer.dedupingMixin Polymer.dom Polymer.enqueueDebouncer Polymer.flush Polymer.html Polymer.htmlLiteral Polymer.importHref Polymer.mixinBehaviors Polymer.setLegacyOptimizations Polymer.setPassiveTouchGestures Polymer.setRootPath Polymer.setSanitizeDOMValue Namespaces Polymer.ArraySplice Polymer.Async Polymer.CaseMap Polymer.dom Polymer.Gestures Polymer.Path Polymer.RenderStatus Polymer.ResolveUrl Polymer.Settings Polymer.StyleGather Polymer.telemetry Polymer.Templatize Home Guides Feature overview Try Polymer Install Polymer 3.x Tutorial: Build an element 1. Get set up 2. Add shadow DOM 3. Data binding & properties 4. React to input 5. Theming with custom properties About this release What's new in 3.0 Upgrade guide Release notes Custom elements Custom element concepts Define an element Declare properties Working with legacy elements 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 and modules Tools Tools overview Polymer CLI CLI commands Create an element project Create an application project Document your elements Test your elements polymer.json specification Node support Build apps Overview App templates Build for production Serve your app The PRPL pattern Service worker Reference Glossary Global settings API Reference index polymer-element.js Elements array-selector.js custom-style.js dom-bind.js dom-if.js dom-module.js dom-repeat.js Mixins dir-mixin.js disable-upgrade-mixin.js element-mixin.js gesture-event-listeners.js mutable-data.js properties-changed.js properties-mixin.js property-accessors.js property-effects.js strict-binding-parser.js template-stamp.js Utils array-splice.js async.js case-map.js debounce.js flattened-nodes-observer.js flush.js gestures.js html-tag.js mixin.js path.js render-status.js resolve-url.js settings.js style-gather.js telemetry.js templatize.js Legacy class.js legacy-data-mixin.js legacy-element-mixin.js mutable-data-behavior.js polymer-fn.js polymer.dom.js templatizer-behavior.js

Polymer Library

The Polymer library is our original web components library.

For new projects, we recommend starting with our next-generation web components library, LitElement. LitElement is a smaller, lighter successor to the Polymer library.

For existing Polymer apps, we recommend upgrading to version 3.0 of the Polymer library.

LitElement Polymer Library 3.0

Welcome to the future...

Starting a new project? Try our next-gen products:

LitElement

An ultra-light, highly performant custom element base class with a simple but expressive API.

LitElement

lit-html

An efficient, expressive, extensible HTML templating library for JavaScript.

lit-html

Material Web Components

Pixel-perfect realizations of Google's Material Design spec that work anywhere on the web.

Material Web Components

Browser Compatibility

The Polymer library works in all major browsers (Chrome, Firefox, IE, Edge, Safari, and Opera).
chrome logo firefox logo internet explorer logo edge logo safari logo opera logo