### Simple. Fast. Web Components. [![Build Status](https://github.com/lit/lit/actions/workflows/tests.yml/badge.svg)](https://github.com/lit/lit/actions/workflows/tests.yml) [![Published on npm](https://img.shields.io/npm/v/lit.svg?logo=npm)](https://www.npmjs.com/package/lit) [![Join our Discord](https://img.shields.io/badge/discord-join%20chat-5865F2.svg?logo=discord&logoColor=fff)](https://lit.dev/discord/) [![Mentioned in Awesome Lit](https://awesome.re/mentioned-badge.svg)](https://github.com/web-padawan/awesome-lit)

Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive. ## Documentation See the full documentation for Lit at [lit.dev](https://lit.dev) ## About this release This is a stable release of Lit 2.0. If upgrading from previous versions of `lit-element` or `lit-html`, please see the [Upgrade Guide](https://lit.dev/docs/releases/upgrade/) for a step-by-step guide on upgrading. ## Overview Lit provides developers with just the right tools to build fast web components: - A fast declarative HTML template system - Reactive property declarations - A customizable reactive update lifecycle - Easy to use scoped CSS styling Lit builds on top of standard web components, and makes them easier to write: ```ts import {LitElement, html, css} from 'lit'; import {customElement, property} from 'lit/decorators.js'; // Registers the element @customElement('my-element') export class MyElement extends LitElement { // Styles are applied to the shadow root and scoped to this element static styles = css` span { color: green; } `; // Creates a reactive property that triggers rendering @property() mood = 'great'; // Render the component's DOM by returning a Lit template render() { return html`Web Components are ${this.mood}!`; } } ``` Once you've defined your component, you can use it anywhere you use HTML: ```html ``` ## Contributing Please see [CONTRIBUTING.md](../../CONTRIBUTING.md).

	Stars	Issues	Version	Updated	Created
@microsoft/fast-element	8,115	332	1.11.0	5 months ago	3 years ago
@stencil/core	11,491	485	3.2.0	9 days ago	6 years ago
lit	14,089	410	2.7.0	2 days ago	11 years ago
skatejs	3,281	30	5.2.4	5 years ago	9 years ago

@microsoft/fast-element vs @stencil/core vs lit vs skatejs

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past