@pucelle/flit

A light weight Web Component framework using ES template literal and Proxy.

Usage no npm install needed!

<script type="module">
  import pucelleFlit from 'https://cdn.skypack.dev/@pucelle/flit';
</script>

README

Flit

About

Flit is a light weight web library, in it you can define your custom component and render it uses syntax like html`<component-name />`

Flit was inspired from lit-html.

Features

  • Written in typescript.
  • Using ES template literal to render component.
  • Using Proxy to observe data changes and update components automatically.
  • Supports partial rendering.
  • Supports scoped style by rendering CSS codes dynamically.

For more details, preview flit-ui.

Documentation

Simple documentation is here (Thanks to typedoc). More resources will come in the future.

License

MIT