A tiny (512 byte) virtual DOM template engine for embedded projects

IE / Edge	Firefox	Chrome	Safari	Opera	iOS Safari	Chrome for Android
Edge 14+	45+	49+	10+	37+	10.2+	55+

.dom borrows some concepts from React.js (such as the re-usable Components and the Virtual DOM) and tries to replicate them with the smallest possible footprint, exploiting the ES6 javascript features.

Why? Because with such library you can create powerful GUIs in tight space environments, such as IoT devices, where saving even an extra byte actually matters!

Features

• Tiny by design : The library should never exceed the 512 bytes in size. The goal is not to have yet another template engine, but to have as many features as possible in 512 bytes. If a new feature is needed, an other must be sacraficed or the scope must be reduced.

• Built for the future : The library is heavily exploiting the ES6 specifications, meaning that it's not supported by older browsers. Currently it's supported by the 90% of the browsers in the market, but expect this to be close to 100% within the next year.

• Declarative : Describe your HTML DOM in a structured, natural manner, helping you create powerful yet readable user interfaces.

• Component-Oriented : Just like React.js, .dom promotes the use of functional components.

• "Write less" accelerators : The library API is designed specifically to have short function names and accelerators, allowing you to describe your views with less code.

Projects Using .dom

• Open Graph Image as a Service - demo

Are you using .dom in your project? Fork this repository and add yours on the list!

Installation

For minimum footprint, include dotdom.min.js.gz (512b) to your project.