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 a tool in the JavaScript Framework Components category of a tech stack.
Stencil is an open source tool with 6.1K GitHub stars and 351 GitHub forks. Here’s a link to Stencil's open source repository on GitHub

Who uses Stencil?

4 companies reportedly use Stencil in their tech stacks, including Saloon Platform, Just, and Alpha Health.

15 developers on StackShare have stated that they use Stencil.

Stencil Integrations

Node.js, Ember.js, AngularJS, React, and jQuery are some of the popular tools that integrate with Stencil. Here's a list of all 7 tools that integrate with Stencil.

Why developers like Stencil?

Here’s a list of reasons why companies and developers use Stencil
Top Reasons
Be the first to leave a pro
Stencil Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose Stencil in their tech stack.

Michael Solati
Michael Solati
Developer Advocate at Typeform · | 4 upvotes · 4.5K views

As a #Frontend developer I'm used to using tools like #BootstrapCDN or some APIs/Library like #GoogleMaps to create or have styled elements with cool functionality. But this requires me remembering Bootstrap classes, or trying to get Google Maps to work in #Angular. 😢

And that's just framework agnostic solutions... If you look at framework specific libraries you end up dealing with the fact you are pigeon holed into using framework specific libraries!

Libraries like Polymer or Stencil for #WebComponents are definitely the way to go!

See more
Aaron Hans
Aaron Hans
Lead Front End Engineer at ZapLabs · | 1 upvotes · 661 views

We are leveraging @WebComponents to build front end widgets that work across all our web properties easily even when there is no other commonality in the underlying frontend stack.

Being able to ship small, self contained UI elements has allowed us to strategically eliminate technical debt in small bites while shipping highly interactive, fast to render fully reusable components constantly.

We've built some components with Stencil and Lit but the majority are still vanilla @CustomElements with the styles namespaced by the custom element name to keep them contained.

We are really happy with our ability to make forward progress without requiring any big bang rewrites of our site's underlying frameworks and to share the latest component packages across the company.

See more

Stencil Alternatives & Comparisons

What are some alternatives to Stencil?
React Router
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 💅
Ant Design
An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
UI-Modules Standalone AngularUI modules.
Angular CLI
A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.
See all alternatives

Stencil's Stats

Stencil's Followers
18 developers follow Stencil to keep up with related blogs and decisions.
aleksej suharev
Akhil Gupta
Titouan BENOIT
Neil Rae
Breeze Team
Kim Lombard
Duke Lotherington
Valmir Justo