Origami

Overview

Origami is a powerful library designed to bridge the gap between Angular and Polymer, enhancing the integration of custom elements within Angular applications. With the growing importance of web components and the need for seamless styling and functionality, Origami offers modules tailored to address specific requirements while maintaining the elegance of Angular forms. This tool not only simplifies the setup process but also caters to various browser compatibility issues, making it an excellent choice for developers looking to leverage both Angular and Polymer in their projects.

The flexibility in module imports means you can tailor the library to your needs, whether you’re starting fresh or upgrading from a previous version. By implementing Origami, developers can take full advantage of Angular’s capabilities while enjoying the benefits that Polymer brings to custom elements.

Features

• Angular Form Support: Easily integrate Angular forms with custom elements by using the origami attribute alongside standard form directives like [ngModel] or [formControlName].

• ShadyCSS Support: Use CSS custom properties in your Angular styles even in browsers that don’t fully support them, thanks to ShadyCSS.

• Style Modules: Inject Polymer’s style modules into Angular components, allowing for a cohesive styling experience across your application.

• Polymer <template> Stamping: Utilize Polymer’s data binding syntax within Angular templates by calling polymerHost() and using ngNonBindable on your template elements.

• Polyfill Utilities: Quickly set up necessary polyfills for browsers that lack support for web component features, ensuring your app runs smoothly.

• CLI Support: The Origami CLI simplifies the process of transpiling dependencies and restoring previous files, making it easier to manage your build processes.

• Custom Element Schema: Add CUSTOM_ELEMENT_SCHEMA in your Angular templates to seamlessly enable the use of custom elements throughout your application.

• Flexible Module Imports: Choose to import only the necessary Origami modules, optimizing your application’s performance.