• Stars
    star
    1,437
  • Rank 31,487 (Top 0.7 %)
  • Language
    JavaScript
  • License
    Other
  • Created 3 months ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

html with targeted manipulation zones

htmz

a low power tool for html

htmz is a minimalist HTML microframework that gives you the power to create dynamic web user interfaces with the familiar simplicity of plain HTML.

Zero dependencies. Zero JS bundles to load. Not even a backend is required. Just an inline HTML snippet.

See the documentation website for more details, usage, examples, and more.

Installing

Simply copy the following snippet into your page.

<iframe hidden name=htmz onload="setTimeout(()=>document.querySelector(contentWindow.location.hash||null)?.replaceWith(...contentDocument.body.childNodes))"></iframe>

What does it do?

htmz does one thing and one thing only.

  • Enable you to load HTML resources within any element in the page.

Imagine clicking a link, but instead of reloading the whole page, it only updates a relevant portion of the page. Think tabbed UIs, dual-pane list-detail layouts, dialogs, in-place editors, and the like.

htmz is a generalisation of HTML frames. β€” Load HTML resources within any frame any element in the page.