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 2.0 Preview About Polymer 2.0 Upgrade guide 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 Elements News

In the last few years, the Web Components community has grown immensely. The Polymer Slack channel has over 6,000 members, and there are thousands of Web Component repositories on Bower. And with the new “v1” versions of the Shadow DOM and Custom Elements specs, Web Components are now gaining broad cross-browser support.

The webcomponents.org site has been an excellent home for the Web Components world for a number of years, with articles on how to get started with Web Components as well as content and updates from the broader community. We’re extremely excited for today’s major update to the site, with all the great content you know and love as well as a built-in catalog for high-quality, community-built web components.

Check out the hundreds of web components published there already, publish your own, or browse and create a collection of elements that go together.

The catalog is full of features that let you explore the world of custom elements, and show off your own published components in their best light. Features include:

  • Rich component search, including live suggestions and search over collections of components.
  • Detailed component activity information, so you can make an informed choice based on how active an element’s repo is.
  • Live, editable inline demos in your element’s README. We have one for the paper-progress element.
  • Auto-generated API documentation. This is currently supported for documented Polymer-based elements, and the team is working to add support for other web component libraries as well as vanilla web components.
  • Assembling elements into collections. For many web components, like the paper elements, a whole set is greater than the sum of the individual parts. The catalog lets you publish your own collection of elements, organized however you see fit. Collections can also include other collections.
  • Gitter chat for chatting with other web component developers.

All of the elements and element product lines currently built and maintained by the Polymer Project are published on the new catalog. We’re now considering the previous catalog site - elements.polymer-project.org/ - deprecated in favor of webcomponents.org, and plan to eventually redirect all URL’s from elements.polymer-project.org to the new catalog.

The new catalog and site is a constant work in progress and community-driven, so please feel free to file issues, ideas, or PR’s to the repository.

Happy componentizing!