µ MicroDOM ecosystem

Plain HTML · CSS · JavaScript

MicroDOM Ecosystem

Tiny tools for readable interfaces.

Build fast interfaces with plain HTML, CSS and JavaScript. No build step. No dependency chain. No class soup. Just readable code.

Explore the ecosystem → Start with Mode.js

The toolkit

Five small pieces. Use only what you need.

MicroDOM is a progressive ecosystem — every tool stands alone, stays dependency-free, and earns each byte it ships.

µ

Mode.js

A tiny DOM manipulation library — simple DOM operations, events and templating helpers through one minimal API.

Stable
.m

Mode CSS

A classless, cascade-first CSS layer. Semantic HTML, minimal classes, no utility-class soup.

Beta
→

Mode Router

A tiny SPA router. Map URLs to views with the smallest surface area possible.

In development
⇄

Mode Bind

Reactive data binding. Keep the DOM in sync with your data, without a virtual layer.

In development
↗

MoveDOM

An animation extension for transitions, fades, slides and motion — chained through the same call.

In development
⚗

Experiments

Blockchain UIs under extreme size constraints and mobile-bridge explorations.

Experimental

Philosophy

Why readability matters in the AI era

AI can generate code. Humans still need to understand it.

MicroDOM is not anti-AI. We embrace AI-generated code. But generation is the easy part — what survives is the code a human can read, reason about and maintain six months later.

Read the core principles →

Designed around five ideas

Small by design

01

Small by design

Every byte must justify its existence.

02

Readable by default

HTML, CSS and JavaScript should be understandable directly.

03

No build step

Plain files, CDN imports and simple hosting are enough.

04

Progressive

Include only the pieces you actually need.

05

Fit anywhere

Apps, widgets, docs, embedded and constrained environments.