Stencil

A compiler for generating Web Components using technologies like TypeScript and JSX, built by the Ionic team.

Quick Start · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter

### Getting Started Start a new project by following our quick [Getting Started guide](https://stenciljs.com/docs/getting-started). We would love to hear from you! If you have any feedback or run into issues using Stencil, please file an [issue](https://github.com/ionic-team/stencil/issues/new) on this repository. ### Examples A Stencil component looks a lot like a class-based React component, with the addition of TypeScript decorators: ```tsx import { Component, Prop, h } from '@stencil/core'; @Component({ tag: 'my-component', // the name of the component's custom HTML tag styleUrl: 'my-component.css', // css styles to apply to the component shadow: true, // this component uses the ShadowDOM }) export class MyComponent { // The component accepts two arguments: @Prop() first: string; @Prop() last: string; //The following HTML is rendered when our component is used render() { return (

Hello, my name is {this.first} {this.last}

); } } ``` The component above can be used like any other HTML element: ```html ``` Since Stencil generates web components, they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend framework, though using it as such is certainly not required. ### Contributing Thanks for your interest in contributing! Please take a moment to read up on our guidelines for [contributing](https://github.com/ionic-team/stencil/blob/main/CONTRIBUTING.md). Please note that this project is released with a [Contributor Code of Conduct](https://github.com/ionic-team/stencil/blob/main/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.

	Stars	Issues	Version	Updated	Created
@stencil/core			4.18.1	a day ago	7 years ago
lit-element	17,644	497	4.0.5	a month ago	7 years ago
lit-html	17,645	497	3.1.3	a month ago	7 years ago
nuxt	52,226	1,112	3.11.2	a month ago	8 years ago
react	222,642	840	18.3.1	18 days ago	13 years ago
svelte	76,735	859	4.2.17	a day ago	7 years ago
vue			3.4.27	8 days ago	10 years ago

@stencil/core vs lit-element vs lit-html vs nuxt vs react vs svelte vs vue

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past