Learn
Explore a curated list of videos, articles, and tutorials tailored for all experience levels. Unlock the full potential of Lit.

Intro to Lit
New to Lit? Start here to learn the ropes and make your first LitElement.

Custom attribute converters
Properties sometimes don't map nicely to string attributes. Learn how to write your own attribute converters to simplify your markup in Lit!

Intro to async directives
An introduction to Lit's async directive API, which allows building powerful custom template helpers.

Build a word viewer!
Build a Word Viewer! A goofy component that shows one word at a time. Learn some Lit fundamentals!

Build a tooltip element
Learn how to build a polished, high performance tooltip element and directive.

Working with lists
Learn how to take a list of items and render it on the page in multiple ways.

Reactivity
Learn more about reactive properties and the reactive update cycle.

Repeat patterns with SVG
Learn how to create visually expressive components with Lit and SVG.

Build an animated carousel element
Learn how to build an animated carousel element using the animate
directive.