/hdot

A zero-dependency, buildless, terse, and type-safe way to write HTML in JavaScript.

Primary LanguageTypeScript

hdot

A sensible way to write HTML in JavaScript.

  • Type-safe. Helps you follow the HTML spec.
  • Terse. Almost character for character with plain HTML.
  • Buildless. Runs in the browser, the server, the gym.
  • Tiny. ~900 bytes (minified and gzipped). No dependencies. Size Limit controls the size.

* not affiliated with the Hawaii Department of Transportation

Read the docs

import { h } from "hdot";

h.div(
  h.h1`hdot`,
  h.p`Type-safe HTML templates`,
  h.a.href("https://hdot.dev")`Read the docs.`
);
<div>
  <h1>hdot</h1>
  <p>Type-safe HTML templates</p>
  <a href="https://hdot.dev">Read the docs.</a>
</div>