Skip to content

A curated list of awesome lit-html resources.

Notifications You must be signed in to change notification settings

mzeiher/awesome-lit-html

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 

Repository files navigation

Awesome lit-html Awesome

A curated list of awesome lit-html resources.

lit-html — an efficient, expressive, extensible HTML templating library for JavaScript.

Contents

General resources

Community

Overview

Implementations

Sorted by creation date (oldest first).

  • lit-element - Simple base class for creating fast, lightweight Web Components.
  • @gluon/gluon - Lightweight library for building Web Components and applications.
  • lit-any - Partials library, which uses lit-html to compose views and forms from smaller templates.
  • lit-html-element - Base class for creating Web Components using lit-html.
  • fit-html - Combination of lit-html, Web Components and Redux.
  • lit-html-brackets - A lit-html extension that uses a bracket syntax similar to Angular's template syntax.
  • @littleq/element-lite - A take on using lit-html and Polymer's property mixin.
  • @popeindustries/lit-html-server - Render lit-html templates on the server as Node.js streams.
  • ullr - Building Web Components with Functional Programming Using lit-html.
  • ce-decorators - TypeScript library for building Web Components based on decorators proposal and lit-html.
  • @appnest/lit-translate - Lightweight i18n library providing a lit-html directive.

Renderers

The following libraries allow using lit-html as a renderer, while also providing alternatives such as HyperHTML or JSX.

LitElement Extensions

These are not implementations of lit-html itself but rather community extensions of the official LitElement base class.

Components

Starter Templates

IDE Plugins

Tools

Examples

Videos

Podcasts

Blogs

Inspired Solutions

These libraries do not depend on lit-html, but are inspired by some of its concepts. They use html and css tagged template literals, and leverage the benefits of the same or similar IDE Plugins for syntax highlighting.

  • 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.
  • htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
  • lite-html - A modern replacement for VirtualDOM rendering engines.
  • lit-css - A tool to distribute styles via ES modules.

Other awesome resources

If you want more awesome resources, check the awesome list!


License

CC0

About

A curated list of awesome lit-html resources.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published