StencilJS

StencilJS is a JavaScript compiler that creates custom element (web components).[3] It takes in TSX files, (which are basically JSX with TypeScript) and then generate 100% standards-based Web Components that run on both modern browsers and legacy browsers, usable with any web framework including Angular, React, and Vue.js.[4][5] StencilJS relies primarily on the power of browsers and the web component specification.

StencilJS helps developers and teams build and share custom components (Web Components), that are web framework agnostic.[6][7] Since StencilJS generates standards-compliant Web Components, the components built with StencilJS work with many popular frameworks. While Web Components can be paired with any JavaScript framework, StencilJS has built-in special-purpose bindings to deliver the more advanced features, enterprise teams expect when building applications in Angular, React, and Vue.js. StencilJS generate automatically-updated documentation from JSDoc comments used with code. Its source code is licensed under MIT License and hosted on GitHub.[8] The main goal of enterprise teams to use StencilJS is, to build design systems and component libraries, that are web framework agnostic.[9][10] StencilJS can be used to build Progressive web app (PWA).[11][12]

StencilJS provides a build-time abstraction with framework-level productivity. StencilJS is not a library or a framework, instead it is a building tool that allows to use a high-level abstraction to define UI components and to generate pure JavaScript code implementing standard-based Web Components. The compiled code runs in all major browsers. StencilJS generates framework-specific wrappers that allow custom elements developed, to be used with any framework, whether its Angular, React, or Vue.js.[13] Liberty Mutual Ins. Group's Design System FLUID (Frontend Library for User Interface Development) is built using StencilJS. The music streaming platform Amazon Music is built using StencilJS.