Sitelet https://lit.dev/playground/

Examples

Basics

Hello World
Full component

Reactive properties

Basic properties
Change detection
Custom attribute converter

Template concepts

Expression types
Conditional templates
Repeating templates
Slotting children
Element composition
Template composition

Directives

asyncAppend directive
asyncReplace directive
cache directive
classMap directive
guard directive
ifDefined directive
live directive
ref directive
repeat directive
styleMap directive
templateContent directive
unsafeHTML directive
unsafeSVG directive
until directive

Managing Data

Async Tasks
Context Basics
Context Consume and Provide
Signals

@lit/react

Basics
React events
Slots
Refs

@lit-labs/motion

Sliding Circle
Lit Logo Animation
List Item Animation
Grid Layout Transitions
Carousel Transitions
List/Detail Hero Transition
Todos List Transitions