awesome-lit

LitElement JavaScript starter

Sample component using LitElement with JavaScript

LitElement TypeScript starter

Sample component using LitElement with TypeScript

hello-web-components

Simple starter web component written in TypeScript using Lit

Lit Sass JavaScript Starter

Project that has a simple setup for SASS + JS + Lit, using Rollup

Lit Sass TypeScript Starter

Project that has a simple setup for SASS + TS + Lit, using Rollup

Lit Webpack Starter

Starter for multipage apps with Lit and Typescript, using Webpack

Starter app based on Open Web Components Recommendations

pwa-starter

LitElement edition of the PWABuilder pwa-starter

pwa-lit-template

Build Progressive Web Applications following the modern web standards

Vite Lit Element TS SASS

Example Vite project using Lit 2, Typescript, and SASS

Vite Lit Starter

Lit based template preset for Vite

Vite Lit TS Starter

Lit and TypeScript based template preset for Vite

Lit Native

Reuse Lit web components on native platforms

Lit Node Editor

Node editor built with canvas API and simple graph data structure

Lit 3D Piano

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

Vite + RxDB + 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

@shoelace-style/localize

A micro library for localizing custom elements, providing directives for Lit

Lightweight reactive state management for Lit 2

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

pure-lit

Register your Lit elements as pure functions

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

Helpers for using Vaadin web components with Lit 2

ullr

Build Web Components with functional programming using Lit

AXA Pattern Library

AXA CH UI components library built with LitElement

Brightspace UI core

Collection of web components for building Brightspace applications

Carbon Web Components

Carbon Design System variant on top of Web Components

Clarity Core Web Components

Suite of web components for Clarity Design System

Kor

An open source Design System and lightweight UI Component Library

Lion

Highly performant, accessible and flexible Web Components

Material Web Components

Material Design implemented as Web Components

Momentum UI Web Components

Set of UI components based on Momentum Design

Outline Design System

Web component based design system starter kit

Pharos Design System

JSTOR's design system to create cohesive, supportive, and beautiful experiences

Red Hat Design System

Web components for building uniform experiences with the Red Hat brand

Shoelace

Collection of professionally designed UI components built on a framework-agnostic technology

Spectrum Web Components

Adobe Spectrum design language implementation built with LitElement

UI5 Web Components

Enterprise-flavored sugar on top of native APIs!

Apollo Elements

Custom elements meet Apollo GraphQL

Blackstone UI

Web components for creating interfaces built with lit-html and LitElement

Web components for chartjs

Clever components

Collection of Web Components made by Clever Cloud

Curvenote

Web components for creating interactive scientific articles

Dile Components

General use Web Components for websites and applications

ESP Web Tools

Allow flashing ESPHome or other ESP-based firmwares via the browser

Furo Webcomponents

Enterprise ready set of web components which work best with Eclipse Furo

Fusion Web Components

Ser of web components used by Equinor Fusion

Ignite UI Web Components

Complete library of UI components from Infragistics

LRNWebComponents

ELMS:LN produced web components for any project

Medblocks UI

Web Components for rapid development of openEHR and FHIR systems

Microsoft Graph Toolkit

Collection of web components for the Microsoft Graph

Mutation testing elements

A schema for mutation testing results with the web components to visualize it

One Platform Components

Set of web components for Red Hat One Platform

Playground Elements

Serverless code experiences with web components

Stripe Elements

Custom Element Wrapper for Stripe.js v3 Elements

Titanium Elements

Collection of lightweight web components used by Leavitt Group Enterprises

TrendChart Elements

Components to generate simple charts representing trends

Umbraco UI Components

Collection of user interface web components for Umbraco CMS

Vidstack Elements

Spec-compliant customizable, extensible, accessible and universal media elements

VSCode Webview Elements

Components for creating VSCode extensions which use the Webview API

Web Components for TEI Publisher

Web components used by TEI Publisher and apps generated by it

Webmarkets web components

Set of Webmarkets' public web components

Wired Elements

Collection of elements that appear hand drawn

Wokwi Elements

Web Components for Arduino and various electronic parts

<api-viewer>

API documentation and live playground for Web Components

<app-datepicker>

Datepicker element built with LitElement and Material Design 2

<burgton-button>

Simple to use, customizable and accessible burger-button element

<code-block>

Web component that displays colorfully formatted code with Prism.js and LitElement

<codesandbox-button>

Custom Element that shows a CodeSandbox demo when you click on it

<editor-container>

Block based editor, designed for general-purpose collaborative applications

<granite-qrcode-generator>

Custom element to generate and render QR Codes, using qr.js library

<helium-animated-pages>

Web component for creating CSS animations built with Lit

<json-viewer>

Web Component to visualize JSON data in a tree view

<light-gallery>

Full featured JavaScript image and video gallery for Lit

<lit-datatable>

Material Design implementation of a data table, powered by LitElement

<lit-image-cropper>

Fast and lightweight image cropper component

<lottie-player>

Web Component for easily embedding and playing Lottie animations

<model-viewer>

A web component for rendering interactive 3D models

<rapi-doc>

Web Component to view OpenAPI 3.0 & Swagger 2.0 Spec

<round-slider>

Simple round slider web component built with Lit

<stl-part-viewer>

LitElement web component that utilizes Three.js to display an STL model file

Babel plugin for setting 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

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

vim-html-template-literals

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

UI development environment for plain web-component snippets

Codemods for Web Components compatible with lit-html template literals

Web Component DevTools

Browser extension for developers working with Web Components

CLI tool for generating, building, testing and publishing web components

Bridgetown Lit Renderer

SSR + hydration of Lit components for Bridgetown

Fable.Lit

Collection of tools to embed HTML code into F# code with the power of Lit

Ruby2JS

Minimal yet extensible Ruby to JavaScript conversion

- An episode with the lit-html creator Justin Fagnani

Another episode with Justin Fagnani as a guest

React's Hooks API but for standard web components and hyperHTML or lit-html

htm

Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support

hybrids

UI library for creating Web Components with simple and functional API

lit-ntml

Lightweight and modern templating for SSR in Node.js, inspired by lit-html