Supersonic uses Web Components

Some of the native componets of Supersonic, such as the application navigation bar has been implemented as Web components:

<super-navbar>
  <super-navbar-title>
    Hello World!
  </super-navbar-title>
</super-navbar>

Web components is a set of rather recent standardized techonologies (custom elements, shadow DOM, HTML templates and HTML imports) that makes it possible to package and distribute reusable custom web components. From users point of view web components work just like oridinary HTML elements.

Not all the browsers support all the technologies enabling the use of web components. Polymer is a framework by Google that provides necessary polyfills so that Web components can be utilized also at the the nonsupported browsers. Supersonic uses Polymer to ensure the usability of web components in all the supported platforms.

Learn more about webcomponents