# MicroDOM

> 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.

## Tools

- Mode JS (@microdom/mode): the reactive DOM engine of the Microdom standard. One function reads, writes and binds the DOM; any object with `get`/`sub` keeps it live. 7.4 KB, zero dependencies, no build step. Stable, v2.0.0. https://microdom.dev/mode-js/
- Mode Atom / Mode List / Mode Data (@microdom/mode/atom · /list · /data): state primitives, keyed list rendering with lifecycle, and a columnar store for high-frequency live data — every piece speaks the atom protocol. Stable, v2.0.0.
- Mode Move (@microdom/mode/move): an optional animation extension for transitions, fades, slides and motion — chained through the same `µ(...)` call, leaving the 7.4 KB core untouched. Stable, v2.0.0.
- Mode CSS (@microdom/mode.css): a classless, cascade-first CSS layer — style semantic HTML directly with minimal classes and an exact set of `µ-*` attributes, no utility-class soup. 11.6 KB min / 3.1 KB gzip. Stable, v1.0.0. https://microdom.dev/mode-css/
- Mode Router: an SPA router — map URLs to views with the smallest possible surface area. In development.
- Mode Base: persistence for the data that stays — a compact JSON store over localStorage whose keys speak the atom protocol. In design.
- Mode Bind graduated: reactive data binding shipped inside the 2.0 core as the atom protocol.

## Install

- npm: `npm install @microdom/mode`
- npm: `npm install @microdom/mode.css`
- CDN (Mode CSS): `https://cdn.jsdelivr.net/npm/@microdom/mode.css@1/dist/mode.min.css`

## Links

- Home: https://microdom.dev/
- The Standard: https://microdom.dev/standard/
- Ecosystem overview: https://microdom.dev/ecosystem/
- Mode JS: https://microdom.dev/mode-js/
- Mode JS docs: https://microdom.dev/mode-js/docs
- Mode JS playground: https://microdom.dev/mode-js/playground/
- Mode CSS: https://microdom.dev/mode-css/
- Mode CSS docs: https://microdom.dev/mode-css/docs
- Source: https://github.com/microdom

## License

MIT