A curated list of awesome lit-html resources.
lit-html — an efficient, expressive, extensible HTML templating library for JavaScript.
- General resources
- Implementations
- Components
- Starter Templates
- IDE Plugins
- Tools
- Tutorials
- Videos
- Podcasts
- Blogs
- Inspired Solutions
Sorted by creation date (oldest first).
- @polymer/lit-element
- gluonjs
- lit-element
- lit-html-element
- fit-html
- lit-html-brackets
- fabys-lit-element
- @littleq/element-lite
- @corpuscule/element
- @dabolus/localized-lit-element
- lit-apollo
- VSCode lit-html plugin, syntax highlighting and IntelliSense for lit-html template strings.
- vim-html-template-literals, syntax highlighting and indentation for lit-html.
- TypeScript lit-html Plugin, TypeScript server plugin that adds IntelliSense for lit-html template strings.
- babel-plugin-template-html-minifier, a Babel plugin for minifying HTML in tagged template strings.
- lit-loader, a LitElement Single File Component loader for Webpack.
- generator-lit-element, a Yeoman generator for creating LitElement based Custom Elements.
- Nutmeg, a CLI tool to build, test, and publish vanilla Web Components with a little spice.
- Efficient, Expressive, and Extensible HTML Templates (Polymer Summit 2017)
- lit-HTML (Chrome Dev Summit 2017)
- VDOM vs lit-html - HTTP203
- The Web Platform Podcast 159: lit-html - HTML Templates via JavaScript Template Literals, an episode with the lit-html creator Justin Fagnani.
These libraries do not depend on lit-html, but are inspired by some of its concepts. They also use html
tagged
template literal, and leverage the benefits of the same 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.
If you want more awesome resources, check the awesome list!