Awesome Lit Awesome

A curated list of awesome Lit resources.

Lit — a simple library for building fast, lightweight web components.

At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.

Contents

General resources

Community

Overview

Starter Templates

Codelabs

Tutorials

Examples

Lit Labs

Extensions

Design Systems

Component Libraries

Standalone Components

Tools

Building

Linting

IDE Plugins

TypeScript Plugins

Other Tools

CDN

The following content delivery networks provide ES module versions of Lit:

See this issue where the static build for CDN distribution is discussed.

Integrations

Videos

Podcasts

Archive

The following articles refer to older versions of lit-html and LitElement.

Similar libraries

These libraries are not related to Lit, but are built using similar concepts. They use html tagged template literal, and leverage the benefits of the same IDE Plugins for syntax highlighting.

Other awesome resources

If you want more awesome resources, check the awesome list!


License

CC0