Simple DOM ops
Select, read and update elements through one consistent call.
Stable
v1.1.0
Zero dependencies
Mode.js
A tiny DOM manipulation library. Simple DOM operations, events and templating helpers — exposed through one minimal, chainable API written on the global µ.
What Mode.js gives you
Events
Attach and reason about interaction without ceremony.
Templating helpers
Compose markup with small, readable helpers.
Minimal API
One entry point. A surface you can hold in your head.
Dependency free
No runtime dependencies. The core is a single tiny file.
No build step
Drop in a <script> tag or import from a CDN.
Install
Zero dependencies. Mode.js ships with no runtime dependencies — the whole core is a single tiny file.
terminal
npm install @microdom/modeBuilds
Each entry point ships in three formats — pick the one that matches how you load it.
| File | Format | Load with |
|---|---|---|
dist/mode.js | ESM | import (bundlers, <script type="module">) |
dist/mode.esm.min.js | ESM, minified | import for the smallest module build |
dist/mode.min.js | IIFE | classic <script> — exposes the global µ |
An IIFE build has no exports, so it can't be imported — use an ESM build for import, and the IIFE for a plain <script>.
Usage
Bundler / npm
Resolves to the ESM build:
app.js
import µ from "@microdom/mode"
// or: import { µ } from "@microdom/mode"Browser — classic script
Global µ, no build step:
index.html
<script src="https://cdn.jsdelivr.net/gh/microdom/mode.js@v1.1.0/dist/mode.min.js"></script>
<script>
µ("body", { /* ... */ })
</script>Browser — native ES module
index.html
<script type="module">
import µ from "https://cdn.jsdelivr.net/gh/microdom/mode.js@v1.1.0/dist/mode.js"
µ("body", { /* ... */ })
</script>