Your first time on this page? Allow me to give some explanations.
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.
Thank you web-padawan & contributors
View Topic on GitHub:
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.
Base code for @lit-any packages
Functional Web Components
Minimal yet scalable state pattern for reactive web apps with lit-html templates
Build web apps the light way
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.
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.
lit-html based renderer for Corpuscule.
lit-html based renderer for Helicopter.
lit-html based renderer for Molecule.
lit-html based renderer for SkateJS.
Mixin and base class for using mobx with LitElement.
LitElement integrations with Apollo GraphQL.
Provides LitElement CSS literals & classes ported from @polymer/iron-flex-layout.
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.
Web Components implementation of the Amber Design System.
AXA CH UI components library. Please share, comment, create issues and work with us!
Web Components UI library
‹b› Custom elements and view presenters using lit-html and lit-element
A collection of accessible, free, open-source web components for building Brightspace applications.
Modern Web Components built with Lit-Element
Carbon Design System variant on top of Web Components
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System
the web components for chartjs
Collection of Web Components by Clever Cloud
Components for interactive scientific writing, reactive documents and explorable explanations.
User Interface Component Library based on LitElement / lit-html
Lion Web Components
@lrnwebcomponents Monorepo for NPM based element definitions
Material Design Web Components
Collection of web components for Microsoft Graph 🦒
🗃 A schema for mutation testing results with the web components to visualise it 📊
Spectrum Web Components
UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
High-quality web components with a small footprint
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
Web Components for Electronics and IoT Parts
API documentation and live playground for Web Components
Datepicker element built with Google's lit-element and Material Design 2
A simple customisable lit-element burger button
A web component that displays colorfully formatted code with Prism.js and LitElement.
Custom Element that Shows a CodeSandbox demo when you click on it.
Web Component to implement a Modal box. Based on LitElement
A webcomponent to render a QR Code
lit-datatable is a material design implementation of a data table, powered by lit-element.
Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
Easily display interactive 3D models on the web and in AR!
RapiDoc - Custom-Element for OpenAPI Spec
A lit-element web component that uses Three.js to display an STL model file.
Starter app based on Open Web Components Recommendations
Generator for developing with latest LitElement
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!
Client side application build with @rxdi/core, lit-html, graphql, dependency injection
Highlight code in es6 multiline strings
A set of VS Code extensions useful for developing LitElement Web Components.
TypeScript server plugin that adds intellisense for lit-html template strings
Minify HTML in tagged template strings using html-minifier
lit-html support for ESLint
Rollup plugin to minify HTML template literal strings
Rollup plugin to inline external styles in lit-element
Rollup plugin to import CSS files as LitElement tagged
css template strings.
Rollup plugin to load PostCSSed stylesheets in LitElement components
LitElement Single File Component loader for Webpack.
Build, test, and publish vanilla Web Components with a little spice
Codemods for Web Components. Breaking changes? Don't panic :)
A simple base class for creating fast, lightweight web components
Static Site Generators
A modern and performant static site generator supporting Web Component based development.
🎈 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.
Examples for using the lit-html library and LitElement base class
Another episode with Justin Fagnani as a guest.
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
The simplest way to create web components from plain objects and pure functions! 💯
Inspired by lit-html but for Node.js
A modern replacement for VirtualDOM rendering engines
Missing template engine for Web Components
HTML template strings for the Browser with support for Server Side Rendering in Node.
HTML template strings
Other awesome resources
😎 Awesome lists about all kinds of interesting topics