Binder.js

Lightweight and powerful data binding system for building user interfaces

A perfect solution for really small projects. It will boost your productivity with < 15Kb script without downloading and compiling a huge amount of code.

Documentation | Example

Installation

Download and link the binder.min.js into your HTML page.

<script src="binder.min.js"></script>

Quick Start

HTML

<div id="app">
    {{ message }}
</div>

JavaScript

var app = new Binder(document.getElementById('app'), {
    data: {
	message: 'Hello World'
    }
});

Continue with the template syntax part or with options properties.

Inspired by:

• Vue.js
• Rivets.js
• Twig

License

This project is licensed under the MIT license.