/htmz

html with targeted manipulation zones

Primary LanguageJavaScriptOtherNOASSERTION

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.