hdot

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>