lit
Library for building web components with a declarative template system.
Contents
Community
Starter Templates
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.
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 and TypeScript based template preset for Vite.
Modified Vite + Lit starter to use Tailwind v4.
Examples
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.
Minimal example to get RxDB running with Vite.
Extensions
Design Systems
AXA CH UI components library built with LitElement.
Collection of web components for building Brightspace applications.
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
Component Libraries
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 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.
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.
Standalone Components
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.
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.
Tools
Integrations
Similar libraries
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.