You're viewing docs for an older version of Lit.
For the current version, visit lit.dev.

Introduction

• What is LitElement?
• Next steps

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.

Next steps

• Getting Started: Set up LitElement and create a component.
• Templates: Write templates with lit-html syntax.
• Properties: Manage properties and attributes.
• Lifecycle: Work with the LitElement lifecycle API.