User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome lit-html

A curated list of awesome lit-html resources.

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Nov. 26, 2020, 3:10 p.m.

Thank you web-padawan & contributors
View Topic on GitHub:
web-padawan/awesome-lit-html

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

General resources

An efficient, expressive, extensible HTML templating library for JavaScript.

6.82K
406
62d
BSD-3-Clause

Community

Overview

Implementations

Base code for @lit-any packages

0
1
1y 5m
MIT

Functional Web Components

39
1
1d
MIT

Minimal yet scalable state pattern for reactive web apps with lit-html templates

13
0
27d
MIT

Build web apps the light way

10
0
27d
MIT
10
0
10d
n/a

Simple base class for creating fast, lightweight Web Components.

Lightweight library for building Web Components and applications.

Base class for creating Web Components using lit-html.

Combination of lit-html, Web Components and Redux.

A lit-html extension that uses a bracket syntax similar to Angular's template syntax.

A take on using lit-html and Polymer's property mixin.

Render lit-html templates on the server as Node.js streams.

TypeScript library for building Web Components based on decorators proposal and lit-html.

Lightweight i18n library providing a lit-html directive.

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

Functional component like React, but for Web Components.

Renderers

LitElement Extensions

Mixin and base class for using mobx with LitElement.

Small mixin for LitElement to get easy change events via the properties getter.

LitElement extension that provides easy l10n out of the box.

A missing connection between Haunted and LitElement.

Backbone re-imagined with ES classes and decorators for using with LitElement.

A context implementation for web components with LitElement integration.

Utility for state handling outside of the component for LitElement.

Other

Library for building a Feature Hub integrator using Web Components.

Component Libraries

Web Components implementation of the Amber Design System.

21
1
9m
MIT

AXA CH UI components library. Please share, comment, create issues and work with us!

52
11
1d
n/a

Web Components UI library

9
1
24d
MIT

‹b› Custom elements and view presenters using lit-html and lit-element

8
2
9d
n/a

A collection of accessible, free, open-source web components for building Brightspace applications.

11
15
3d
Apache-2.0

Modern Web Components built with Lit-Element

6
0
10m
n/a

Carbon Design System variant on top of Web Components

134
30
7d
Apache-2.0

Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

20
7
108d
MIT

the web components for chartjs

40
5
1y 7m
MIT

Collection of Web Components by Clever Cloud

62
4
3d
Apache-2.0

Components for interactive scientific writing, reactive documents and explorable explanations.

62
3
86d
MIT

User Interface Component Library based on LitElement / lit-html

81
3
55d
MIT

Lion Web Components

924
151
1d
MIT
9
1
111d
n/a

@lrnwebcomponents Monorepo for NPM based element definitions

153
46
2d
Apache-2.0

Material Design Web Components

2.26K
354
2d
Apache-2.0

Collection of web components for Microsoft Graph 🦒

462
98
2d
n/a

🗃 A schema for mutation testing results with the web components to visualise it 📊

11
6
0d
Apache-2.0

Spectrum Web Components

248
36
2d
Apache-2.0

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

814
129
1d
n/a

High-quality web components with a small footprint

272
26
1y 13d
MIT

Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

8.38K
287
5m
MIT

Web Components for Electronics and IoT Parts

22
9
75d
MIT

Individual Components

API documentation and live playground for Web Components

116
8
75d
MIT

Datepicker element built with Google's lit-element and Material Design 2

139
45
48d
MIT

A simple customisable lit-element burger button

6
0
70d
MIT

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

11
4
4m
MIT

Custom Element that Shows a CodeSandbox demo when you click on it.

0
1
4m
MIT

Web Component to implement a Modal box. Based on LitElement

4
0
4m
MIT

ERD Editor

154
13
49d
MIT

A webcomponent to render a QR Code

12
9
36d
MIT

lit-datatable is a material design implementation of a data table, powered by lit-element.

23
7
1d
Apache-2.0

Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player

357
45
8m
MIT

Easily display interactive 3D models on the web and in AR!

2.3K
278
1d
Apache-2.0

RapiDoc - Custom-Element for OpenAPI Spec

354
77
1d
MIT

A lit-element web component that uses Three.js to display an STL model file.

13
0
1y 7m
MIT

Starter Templates

Starter app based on Open Web Components Recommendations

81
10
1y 6m
n/a

Generator for developing with latest LitElement

15
2
6m
MIT

Welcome to the lit-element edition of the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for!

248
40
17d
n/a

Client side application build with @rxdi/core, lit-html, graphql, dependency injection

6
1
1y 47d
n/a

IDE Plugins

Adds syntax highlighting for html inside of JavaScript and TypeScript tagged template strings

249
45
119d
MIT

Monorepository for tools that analyze lit-html templates

121
12
89d
MIT

Highlight code in es6 multiline strings

51
29
51d
MIT

Syntax highlighting for html template literals in javascript (as in lit-html and polymer 3)

43
7
102d
MIT

A set of VS Code extensions useful for developing LitElement Web Components.

0
0
1y 63d
n/a

TypeScript Plugins

Monorepository for tools that analyze lit-html templates

121
12
89d
MIT

TypeScript server plugin that adds intellisense for lit-html template strings

199
19
1y 90d
MIT

Tools

Minify HTML in tagged template strings using html-minifier

53
2
6m
MIT

lit-html support for ESLint

52
7
33d
n/a

Monorepository for tools that analyze lit-html templates

121
12
89d
MIT

Rollup plugin to minify HTML template literal strings

35
2
100d
MIT

Rollup plugin to inline external styles in lit-element

11
0
6m
n/a

Rollup plugin to import CSS files as LitElement tagged css template strings.

30
2
7d
MIT

Rollup plugin to load PostCSSed stylesheets in LitElement components

7
1
45d
MIT

LitElement Single File Component loader for Webpack.

88
8
11m
MIT

Build, test, and publish vanilla Web Components with a little spice

107
6
1d
MIT

Codemods for Web Components. Breaking changes? Don't panic :)

3
0
7d
MIT

CDN

Static Site Generators

A modern and performant static site generator supporting Web Component based development.

21
0
20d
MIT

🎈 Hydrogen. Voted (by me) the world's lightest static-site generator built with TypeScript ❤ It uses 🔥 lit-html inspired templating for super duper performant template generation.

75
5
5m
MIT

Examples

Examples for using the lit-html library and LitElement base class

79
16
1y 8m
n/a

Videos

Podcasts

Blogs

Inspired Solutions

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

6.24K
133
64d
Apache-2.0

The simplest way to create web components from plain objects and pure functions! 💯

2.03K
61
10d
MIT

Inspired by lit-html but for Node.js

68
4
48d
MIT

A modern replacement for VirtualDOM rendering engines

23
0
2y 81d
MIT

Missing template engine for Web Components

33
1
114d
MIT

HTML template strings for the Browser with support for Server Side Rendering in Node.

639
58
4m
MIT

HTML template strings

13
0
4m
MIT

JavaScript library for building user interfaces using template literals

16
2
77d
n/a

Other awesome resources

😎 Awesome lists about all kinds of interesting topics

146.49K
19.19K
4d
CC0-1.0