Introduction

This documentation is a work in progress. It describes prerelease software, and is subject to change.

What is LitElement?

LitElement is a simple base class for creating fast, lightweight web components that work in any web page with any framework.

LitElement uses lit-html to render into shadow DOM, and adds API to manage properties and attributes. Properties are observed by default, and elements update asynchronously when their properties change.

To build an app out of LitElement components, check out PWA Starter Kit.

Quick start

Install:

npm install --save @polymer/lit-element

Import:

import { LitElement, html } from '@polymer/lit-element';

Download a sample LitElement project.

Next steps