AwesomeList

444 awesome lists. 23 categories. 409 curators. I feel lucky.
Front-End Development

lit-html

A curated list of awesome lit-html resources.

awesomeawesome-listlit-html

web-padawanweb-padawan/awesome-lit-htmlUpdated Fresh 133 24 13

Contents

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

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.

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

Tutorials

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

Built With LoveBuilt With LoveSearch by