What is Stencil?
Stencil combines some of the best features from traditional frameworks, but outputs 100% standards-compliant Custom Elements, part of the Web Component spec.
Stencil is an open source tool with 9.2K GitHub stars and 584 GitHub forks. Here’s a link to Stencil's open source repository on GitHub
Who uses Stencil?
9 companies reportedly use Stencil in their tech stacks, including Content Square, Chilli, and In-browser SDKs.
41 developers on StackShare have stated that they use Stencil.
jQuery, Node.js, React, npm, and AngularJS are some of the popular tools that integrate with Stencil. Here's a list of all 9 tools that integrate with Stencil.
- Web Component-based
- Asynchronous rendering pipeline
- TypeScript support
- One-way Data Binding
- Component prerendering
- Simple component lazy-loading
- JSX support
- Dependency-free components
Stencil Alternatives & Comparisons
What are some alternatives to Stencil?
See all alternatives
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.
React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅