lit-html

Awesome lit-html Awesome

>精选的lit-html资源精选列表.

lit-html —用于JavaScript的高效,可表达,可扩展的HTML模板库.

General resources

Community

Overview

Implementations

按创建日期(最早的)排序.

Renderers

以下库允许使用lit-html作为渲染器,同时还提供其他替代方法,例如 HyperHTML 或JSX.

LitElement Extensions

这些不是lit-html本身的实现,而是官方LitElement基类的社区扩展.

Other

Components

Component Libraries

Individual Components

  • <app-datepicker> -使用LitElement和Material Design 2构建的Datepicker元素.
  • <dile-modal> -基于LitElement的Web组件,用于实现模式框.
  • <lit-datatable> -由LitElement支持的数据表的Material Design实现.
  • <lottie-player> -Web组件,可轻松嵌入和播放Lottie动画.
  • <model-viewer> -用于渲染交互式3D模型的Web组件.
  • <rapi-doc> -用于查看OpenAPI 3.0和Swagger 2.0规范的Web组件.

Starter Templates

IDE Plugins

TypeScript Plugins

  • ts-lit-plugin -为lit-html添加类型检查和代码完成的插件. 由vscode-lit-plugin使用.
  • typescript-lit-html-plugin -TypeScript服务器插件,为lit-html添加了IntelliSense. 由vscode-lit-html使用.

Tools

Static Site Generators

  • Greenwood -现代化的高性能静态站点生成器,支持基于Web组件的开发.
  • Hydrogen -使用TypeScript构建的静态站点生成器,该模板使用受lit-html启发的模板.

Examples

Videos

Podcasts

Blogs

Projects

Inspired Solutions

这些库不依赖于lit-html,而是受其某些概念的启发. 他们使用标记为“ html” 模板文字,并利用相同的好处 IDE Plugins 用于语法突出显示.

  • htm -Hyperscript Tagged标记:使用标准标记模板的JSX替代品,并具有编译器支持.
  • hybrids -用于使用简单实用的API创建Web组件的UI库.
  • lit-ntml -受lit-html启发,在Node.js中实现了SSR的轻巧现代模板.
  • lite-html -VirtualDOM渲染引擎的现代替代品.
  • modulor-html -Web组件缺少模板引擎.
  • nanohtml -用于浏览器的HTML模板字符串,支持Node中的服务器端渲染.
  • picohtml -强大的〜2kB(gzip)HTML模板字符串.
  • tiny-lit -用于使用模板文字构建用户界面的库.

Other awesome resources

如果您需要更多很棒的资源,请检查 awesome 清单!


License

CC0