Mithril

A Javascript Framework for Building Brilliant Applications

See the website for documentation

There's also a blog and a mailing list

---

What is Mithril?

Mithril is a client-side MVC framework - a tool to organize code in a way that is easy to think about and to maintain.

Light-weight

• Only 4kb gzipped, no dependencies
• Small API, small learning curve

Robust

• Safe-by-default templates
• Hierarchical MVC via components

Fast

• Virtual DOM diffing and compilable templates
• Intelligent auto-redrawing system

---

Sample code

//namespace
var app = {};

//model
app.PageList = function() {
	return m.request({method: "GET", url: "pages.json"});
};

//controller
app.controller = function() {
	this.pages = app.PageList();
	
	this.rotate = function() {
		this.pages().push(this.pages().shift())
	}.bind(this)
};

//view
app.view = function(ctrl) {
	return [
		ctrl.pages().map(function(page) {
			return m("a", {href: page.url}, page.title);
		}),
		m("a", {onclick: ctrl.rotate}, "Rotate links")
	];
};

//initialize
m.module(document.getElementById("example"), app);

---

Learn more

• Tutorial
• Differences from Other MVC Frameworks
• Benchmarks