Lit
- Category
- Frameworks and libraries
- Docs outline
- 13 sections
Official docs outline
lit.dev- Components Overview
Defining a LitElement custom element, reactive properties, and how Lit builds on web components.
- Templates
html tagged templates, expressions, conditionals, lists, and efficient DOM updates.
- Reactive Properties
Declared properties and state, attribute conversion, change detection and accessors.
- Lifecycle
Reactive update cycle, willUpdate, updated, firstUpdated and updateComplete.
- Styles
Shadow DOM scoped CSS, static styles, css tag, theming with CSS custom properties.
- Events
Listening to and dispatching events, event options and handler binding.
- Shadow DOM and Slots
Render roots, slots, light DOM content and shadow DOM encapsulation.
- Built-in Directives
classMap, styleMap, repeat, guard, cache, until, ref and writing custom directives.
- Reactive Controllers
Reusable lifecycle-hooked logic shared across components.
- Context
Sharing data between ancestors and descendants with @lit/context.
- Server-Side Rendering
@lit-labs/ssr, declarative shadow DOM and client hydration.
- Testing
Web Test Runner and testing Lit components in real browsers.
- Localization
@lit/localize runtime and transform modes, message extraction.
Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.
