js-binder

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.

Download | Example | Gitlab

Installation

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

Quick Start

HTML

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

JavaScript

import Binder from 'js-binder'

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