Jo was made for apps, not websites.

Your HTML5 app lives in a single page and Jo helps you create a native-like app experience. Sure, there's some DOM manipulation going on in there, but you don't have to worry about it unless you want to. Build your app with JavaScript, tweak some CSS and call it a day.

Native-like widgets and UI controls

Code the way you want.

Jo gives you most of the benefits of some of the big frameworks out there without all the fuss. Jo doesn't care if you dig rigid MVC, like object literals, wrap your apps with a module pattern, or prefer pure functional programming.

Here's one way to go, for code ninja types:

// nested and chained goodness
var main = new joCard([
    new joTitle("Hello, Jo!"),
    new joMenu([
        "Yes",
        "No",
        "Maybe"
    ]).selectEvent.subscribe(function(i) {
        console.log("You picked " + i);
    }),
    new joDivider(),
    new joButton("Awesome!").selectEvent.subscribe(function() {
        console.log("You clicked a button");
    })
]);

Prefer more regimented code? Jo can roll with that, too:

// all neat and tidy
var title   = new joTitle("Hello, Jo!");
var menu    = new joMenu([ "Yes", "No", "Maybe" ]);
var divider = new joDivider();
var button  = new joButton("Awesome!");

// dump the controls into a card
var main    = new joCard([ title, menu, divider, button ]);

// hook up the event handlers below
menu.changeEvent.subscribe(menuhandler, this);
button.selectEvent.subscribe(buttonhandler, this);

function menuhandler(i) {
    console.log("You selected " + i);
}

function buttonhandler() {
    console.log("You clicked a button");
}

Jo doesn't judge or tell you how to code. Use it like you would any built-in language features. Plus, it's one of the few frameworks around that doesn't break handy things like instanceOf.

Jo lets CSS3 do the heavy lifting

With a couple minor exceptions, Jo manipulates the DOM by setting CSS className properties. This means you can dramatically change not only the look of your app in CSS, but all of the animated bits as well. If you want a branded look for your app across platforms, tweak the CSS once and you're done.

Ultra-tweakable with CSS3

If you want to customize your app's look and feel for each platform, most if not all of your customization will be in the CSS. If you're lucky enough to have CSS-savvy designer types on hand, this means you can more easily split up that work, too.

Jo is Open Source and free to use

And you're free to contribute as well. Just fork it, add some goodness, and make a pull request.

Source Hosted on GitHub