Mode JS
The grammar. One function reads, writes, traverses and binds the DOM; any object
with get/sub keeps it live. 7.4 KB.
Most of the web is content. It shouldn't cost application infrastructure. Blogs, news sites, documentation, catalogs — more than half the web serves pages, not apps. Microdom is an engineering standard for exactly that web: full interactivity, reactive data, animation — built on the browser's native engine, in kilobytes that respect the reader's battery, data plan and RAM.
What ships today
One standard. Six pieces. All stable.
The core is the grammar; the modules are vocabulary you install by importing. Every piece stands alone, speaks the same protocol, and earns each byte it ships.
Mode Atom
The unit of state: atom, computed, effect.
Zero DOM. 1.1 KB. @microdom/mode/atom
Mode List
Identity for collections: keyed rendering with lifecycle — nodes keep their
identity. 1.4 KB. @microdom/mode/list
Mode Data
The live-data engine: a columnar store for high-frequency feeds; every cell
speaks the atom protocol. 2.4 KB. @microdom/mode/data
Mode Move
Animation and movement — slides, fades, tweens — chained through the same
µ(...) call. 5.3 KB, optional. @microdom/mode/move
Mode CSS
The design baseline for the content web: classless, cascade-first, semantic HTML styled out of the box. 11.6 KB min, 3.1 KB gzip.
Stable · v1.0.0the whole idea
µ("#price", { text: 42 }) // writes once
µ("#price", { text: priceAtom }) // keeps writingPass a value and µ writes it. Pass a reactive source — anything with
get/sub — and the DOM tracks it. Same syntax, no new API,
no virtual layer in between.
The core
Select, read, write, traverse, bind.
Grammar + state + lists + live data
Less than one framework's runtime.
500 live instruments
Per-cell reactive updates, measured per tick.
On the workbench: Mode Router and Mode Base — see the ecosystem for status and scope.