Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets built on the web component standards will work across modern browsers and can be used with any JavaScript library or framework that works with HTML.
Lit is a library for creating fast, lightweight web components that work in any web page with any framework.
Lit provides APIs to simplify common web components tasks like managing properties, attributes, and rendering.
Getting started with lit?
This tutorial focuses on the web components specifications and how Lit works under the hood to help you build web components more easily. For a more general introduction to Lit, take a look at the Lit docs or other tutorials.
Already know the basics of web components?
Skip to Lit templates, to see how Lit can help!