StencilJS ORG

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

Stencil is a compiler that turns TypeScript and JSX components into standard Web Components that work in any browser or framework, React, Angular, Vue, or plain HTML, without rewriting anything.

Stencil site and documentation source.

Minimal starter project for building shareable web components with Stencil

These are output targets that can be added to Stencil for React and Angular.

Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.

Sass plugin for Stencil

ESLint rules specific to Stencil JS projects

npm init stencil

Storybook support for StencilJS

Experimental Adapter for Playwright Support in Stencil

First-class testing utilities for Stencil components with Vitest

Run tests on Stencil components using Jest.

Default Community health files for StencilJS projects