Tectonic.js

Tectonic is a functional rendering engine for DOM nodes, heavily inspired by Beebole’s PURE rendering engine. It ascribes to PURE’s unobtusive philosophy, whereby HTML code is completely free of any application logic or new syntax and JavaScript code is uninhibited by presentational concerns. Both PURE and Tectonic achieve this with the use of a directive object that marries the DOM referenced by CSS selectors to properties in your application’s data. Where Tectonic departs from PURE is in the use of functions, known as renderers, to directly manipulate DOM nodes. This permits Tectonic to provide two-way data flow via a parse method, which makes use of an inverse function that is attached to a renderer.

Tectonic's source code is fully annotated and many usage examples can be found by visiting http://tecknack.github.io/tectonic.