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.
Gracile full-stack starter projects (SSR/SSG).
Sample component using LitElement with JavaScript.
Sample component using LitElement with TypeScript.
Simple starter web component written in TypeScript using Lit.
Project that has a simple setup for SASS + JS + Lit, using Rollup.
Project that has a simple setup for SASS + TS + Lit, using Rollup.
Starter for multipage apps with Lit and Typescript, using Webpack.
Starter app based on Open Web Components Recommendations.
LitElement edition of the PWABuilder pwa-starter.
Build Progressive Web Applications following the modern web standards.
Example Vite project using Lit 2, Typescript, and SASS.
Lit based template preset for Vite.
Lit and TypeScript based template preset for Vite.
Modified Vite + Lit starter to use Tailwind v4.
Reuse Lit web components on native platforms.
Node editor built with canvas API and simple graph data structure.
3D Piano built with Lit, Three.js and Tone.js.
Code examples of common patterns using Lit.
Code examples showing migration guidance from Polymer to Lit.
Minimal example to get RxDB running with Vite.
Library and command-line tool for localizing web applications built using Lit.
Package for server-side rendering Lit templates and components.
Lit directives for making things move.
React integration for Web Components and reactive Lit controllers.
Mixin for LitElement that integrates with the speculative Scoped CustomElementRegistry polyfill to evaluate the proposal and facilitate feedback.
Controller for Lit that renders asynchronous tasks.
Package that provides virtual scrolling for Lit.
Mixin and base class for using mobx with Lit.
LitElement integrations with Apollo GraphQL.
Lean and simple global State management for Lit 2.
A micro library for localizing custom elements, providing directives for Lit.
Lightweight reactive state management for Lit 2.
Headless UI for building powerful tables & datagrids with Lit.
Set of utilities for building forms with TypeScript and Lit.
Useful utilities for dark mode built with Web Components.
State manager for deeply nested states that supports Lit.
Register your Lit elements as pure functions.
Composition API for creating web components with Lit.
Effect hooks for LitElement.
Utility for state handling outside of the component for LitElement.
Declarative way of routing for Lit powered by pwa-helpers and Redux.
Lit controller to use svelte stores as state management.
Build Web Components with functional programming using Lit.
AXA CH UI components library built with LitElement.
Collection of web components for building Brightspace applications.
UI kit, icons, color schemes, and a web component library by ArcGIS.
Carbon Design System variant on top of Web Components.
Suite of web components for Clarity Design System.
An open source Design System and lightweight UI Component Library.
Highly performant, accessible and flexible Web Components.
Material Design implemented as Web Components.
Set of UI components based on Momentum Design.
Web component based design system starter kit.
JSTOR's design system to create cohesive, supportive, and beautiful experiences.
Web components for building uniform experiences with the Red Hat brand.
Adobe Spectrum design language implementation built with LitElement.
Enterprise-flavored sugar on top of native APIs!
A set of high-quality web components for business web applications.
The open source library of web components from Font Awesome
A CLI-based UI component library that copies Lit web components directly into your project. Full React and Vue wrappers for native framework experience.
Custom elements meet Apollo GraphQL.
Web components for creating interfaces built with lit-html and LitElement.
Web components for rendering MCP tool-call output as UI.
Web components for chartjs.
Collection of Web Components made by Clever Cloud.
Web components for creating interactive scientific articles.
General use Web Components for websites and applications.
Allow flashing ESPHome or other ESP-based firmwares via the browser.
Enterprise ready set of web components which work best with Eclipse Furo.
Ser of web components used by Equinor Fusion.
Complete library of UI components from Infragistics.
ELMS:LN produced web components for any project.
Web Components implementing Material 3 Expressive.
Web Components for rapid development of openEHR and FHIR systems.
Collection of web components for the Microsoft Graph.
A schema for mutation testing results with the web components to visualize it.
Set of web components for Red Hat One Platform.
Lightweight web components based on the PatternFly design system.
Serverless code experiences with web components.
Custom Element Wrapper for Stripe.js v3 Elements.
Collection of lightweight web components used by Leavitt Group Enterprises.
Components to generate simple charts representing trends.
Collection of user interface web components for Umbraco CMS.
Spec-compliant customizable, extensible, accessible and universal media elements.
Components for creating VSCode extensions which use the Webview API.
Web components used by TEI Publisher and apps generated by it.
Set of Webmarkets' public web components.
Collection of elements that appear hand drawn.
Web Components for Arduino and various electronic parts.
API documentation and live playground for Web Components.
Datepicker element built with LitElement and Material Design 2.
Simple to use, customizable and accessible burger-button element.
Web component that displays colorfully formatted code with Prism.js and LitElement.
Custom Element that shows a CodeSandbox demo when you click on it.
Block based editor, designed for general-purpose collaborative applications.
Custom element to generate and render QR Codes, using qr.js library.
Web component for creating CSS animations built with Lit.
Web Component to visualize JSON data in a tree view.
Full featured JavaScript image and video gallery for Lit.
Material Design implementation of a data table, powered by LitElement.
Fast and lightweight image cropper component.
Web Component for easily embedding and playing Lottie animations.
A web component for rendering interactive 3D models.
Structure-aware shimmer skeleton loader that measures the real DOM to generate overlay blocks automatically.
Web Component to view OpenAPI 3.0 & Swagger 2.0 Spec.
Web component for rendering responsive images.
Simple round slider web component built with Lit.
LitElement web component that utilizes Three.js to display an STL model file.
Thin, full-stack meta-framework. Powered by Vite and Lit SSR.
Babel plugin for setting `type` for reactive properties declared in Lit components based on TypeScript type annotations.
Babel plugin for minifying HTML in tagged template strings.
ESBuild plugin to import CSS, SVG, HTML, XLIFF files as JavaScript tagged-template literal objects.
ESBuild plugin to import css files as JavaScript tagged-template literal objects.
Webpack loader to import css files as JavaScript tagged-template literal objects.
Webpack loader to import the CSS/SCSS into Lit components.
Fast import map generator for ES modules, resolving bare specifiers from package.json dependencies.
Rollup plugin to import css files as JavaScript tagged-template literal objects.
Rollup plugin to minify HTML in tagged template strings.
Rollup plugin to load PostCSS-processed stylesheets in Lit components.
ESLint plugin for Lit template strings.
Accessibility linting plugin for Lit templates.
CLI that type checks bindings in Lit templates.
Syntax highlighting and IntelliSense for lit-html template strings.
Syntax highlighting, type checking and code completion for lit-html.
VSCode extension which provides syntax highlighting for HTML in ES6 multiline strings.
Syntax highlighting and indentation for HTML inside of tagged template literals.
Attribute completion for HTML inside of tagged template literals.
Plugin that adds type checking and code completion for Lit templates.
TypeScript server plugin that adds IntelliSense for Lit templates.
CLI tool to generate API documentation for web components.
Design tokens parser, validator, and language server for the W3C DTCG specification.
CLI multitool for generating, validating, and querying Custom Elements Manifests, with built-in LSP and MCP servers.
UI development environment for plain web-component snippets.
Codemods for Web Components compatible with lit-html template literals.
Browser extension for developers working with Web Components.
CLI tool for generating, building, testing and publishing web components.
The following content delivery networks provide ES module versions of Lit:
See lit.dev documentation for using bundles.
SSR + hydration of Lit components for Bridgetown.
Collection of tools to embed HTML code into F# code with the power of Lit.
Minimal yet extensible Ruby to JavaScript conversion.
Another episode with Justin Fagnani as a guest.
The following articles refer to older versions of lit-html and LitElement.
React's Hooks API but for standard web components and hyperHTML or lit-html.
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
UI library for creating Web Components with simple and functional API.
Lightweight and modern templating for SSR in Node.js, inspired by lit-html.
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.
If you want more awesome resources, check the awesome list!