H3

<a href="https://www.npmjs.com/package/@h3rald/h3" target="_blank" class="badge"><img src="https://img.shields.io/npm/v/@h3rald/h3"></a> <a href="https://github.com/h3rald/h3/blob/master/LICENSE" target="_blank" class="badge"><img src="https://img.shields.io/github/license/h3rald/h3"></a> <a href="https://travis-ci.org/github/h3rald/h3" target="_blank" class="badge"><img src="https://img.shields.io/travis/h3rald/h3"></a> <a href="https://coveralls.io/github/h3rald/h3?branch=master" target="_blank" class="badge"><img src="https://img.shields.io/coveralls/github/h3rald/h3"></a>

---

Overview

H3 is a microframework to build client-side single-page applications (SPAs) in modern JavaScript.

H3 is also:

• tiny, less than 4KB minified and gzipped.
• modern, in the sense that it runs only in modern browsers (latest versions of Chrome, Firefox, Edge & similar).
• easy to learn, its API is comprised of only seven methods and two properties.

I'm sold! Where can I get it?

Here, look, it's just one file:

<a href="https://raw.githubusercontent.com/h3rald/h3/v0.11.0/h3.js" target="_blank" class="button primary">Download v0.11.0 (Keen Klingon)</a>

<small>Or get the minified version <a href="https://raw.githubusercontent.com/h3rald/h3/v0.11.0/h3.min.js" target="_blank">here</a>.</small>

Yes there is also a NPM package if you want to use it with WebPack and similar, but let me repeat: it's just one file.

Hello, World?

Here's an example of an extremely minimal SPA created with H3:

import { h3, h } from "./h3.js";
h3.init(() => h("h1", "Hello, World!"));

This will render a h1 tag within the document body, containing the text "Hello, World!".

Something more complex?

Have a look at the code of a simple todo list (demo) with several components, a store and some routing.

No, I meant a real web application...

OK, have a look at litepad.h3rald.com — it's a powerful notepad application that demonstrates how to create custom controls, route components, forms, and integrate third-party tools. The code is of course on GitHub.

Can I use it then, no strings attached?

Yes. It's MIT-licensed.

What if something is broken?

Go fix it! Or at least open an issue on the Github repo, pleasy.

Can I download a copy of all the documentation as a standalone HTML file?

What a weird thing to ask... sure you can: here!