@web-native-js/chtml

A suite of new DOM features that brings language support for modern UI development paradigms: a component-based architecture, data binding, and reactivity.

Usage no npm install needed!

<script type="module">
  import webNativeJsChtml from 'https://cdn.skypack.dev/@web-native-js/chtml';
</script>

README

CHTML

NPM version NPM downloads

CHTML is a suite of new DOM features that brings native support for modern UI development paradigms: a component-based architecture, data binding, and reactivity. This lets us build elegant user interfaces using the web platform itself.

CHTML is being proposed as a W3C standard at the Web Platform Incubator Community Group based on this explainer.

Documentation

  • Scoped HTML - Structure your document as a hierarchy of scopes and subscopes.
  • Scoped CSS - Define styling as part of any element using scoped stylesheets.
  • Scoped JS - Define behaviour as part of any element using scoped scripts.
  • HTML Partials - Define, import, and compose with reusable HTML snippets.

Getting Started

  • Installation - Follow the installation guide to add the CHTML polyfill to your page.
  • Examples - Get a head start with these few examples.

Issues

To report bugs or request features, please submit an issue.

License

MIT.