Stencil 4 is here! Read all about what’s new in latest major release Read the Blog → Build. Customize. Distribute. Adopt. Stencil is a library for building reusable, scalable component libraries. Generate …

Getting Started This will change your current directory to my-first-stencil-project, install your dependencies for you, and start the development server. Useful Initial Commands The second …

Overview Stencil: A Web Components Compiler Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular …

Using Storybook with Stencil Storybook is a powerful tool for developing, testing, and documenting UI components in isolation. It's open-source, widely adopted, and integrates seamlessly with modern …

React Integration Supports: React v17+ • TypeScript v5+ • Stencil v4.2.0+ Automate the creation of React component wrappers for your Stencil web components. This package includes an output …

Stencil Ecosystem Documentation Stencil Documentation - Stencil Documentation. Stencil v3 Docs - Stencil v3 Documentation. Stencil v2 Docs - Stencil v2 Documentation. Community Discord Server …

Component Decorator @Component() is a decorator that designates a TypeScript class as a Stencil component. Every Stencil component gets transformed into a web component at build time.

Serialization & Deserialization Custom elements interact with the DOM either via HTML attributes (always strings) or JavaScript properties. Stencil automatically tries to keep properties and attributes …

Stencil Core Dev Server API This is documentation for Stencil v4.38, which is no longer actively maintained.

@stencil/store Store is a lightweight shared state library by the stencil core team. It implements a simple key/value map that efficiently re-renders components when necessary. Lightweight Zero …