Umbrella JS

Intuitive and Documented

It is strongly influenced by jquery so there are many similar methods and you'll feel at ease developing with Umbrella.

However there are also some improvements to make your code intuitive such as ajax(). It's all detailed here:

// Simple events like jquery
u("button").on('click', function(){
  alert("Hello world");
});

// Send form through ajax when submitted
u('form.login').ajax(function(err, res){
  window.href = '/user/' + res.id;
});

Tiny and Clear

2kb when gzipped means it will load in a snap on mobile. The core is reusable so new features are also tiny.

You can see two features of Umbrella JS source code on the right, or check it all on github:

// Add child after all of the current nodes
u.prototype.after = function(text) {
  return this.adjacent('afterend', text);
};
// Check if any node matches the selector
u.prototype.is = function(selector){
  return this.filter(selector).nodes.length > 0;
};

Tested and Performant

The speed is similar to jquery and there are many tests, including performance ones.

They run on development, on deploy and live in different browsers so you know everything will work as expected:

it("can select by class", function() {
  expect(u('.demo').nodes.length).to.equal(1);
});

it("can select the children of ul", function() {
  var ul = base.find('li').closest('ul');
  expect(ul.nodes.length).to.equal(1);
});

MIT License

If you love something set it free. This license allows you to use Umbrella JS in a broad variety of projects.