modoJS - UI library for web applications

Very quick introduction

This library will speed up your development process because whatever you need for your user interface - you can simply plug it in.

Modularization is practically built-in, which makes creating tests or translating your interface in multiple languages a simple task. You create components once (if they don't already exist in the collection) and can re-use them all over the place - even in your other applications. This saves a lot of time and work you can spend on other things.

A word from the author modoJS has been opensourced for a while now. The interest has (as expected) been quite low - the days of backboneJS web apps seem to be over in the light of meteor and react.

However - modoJS will still be patched and I will keep on contributing to it, since it completely powers my web application

- Chris modoJS has been opensourced for a while now. The interest has (as expected) been quite low - the days of backboneJS web apps seem to be over in the light of meteor and react.However - modoJS will still be patched and I will keep on contributing to it, since it completely powers my web application InSite

The longer introduction

modoJS is a component-based javascript user interface library, offered under the MIT license

and hosted on github.

It enables you to create modular user interfaces quickly by combining pre-created UI widgets that are ready for the most use cases. If special user interface components are missing from the library, you can simply add them to it via an easy API.

You do not need to pre-create HTML structures on your server or use a lot of frontend templates - modoJS does that for you. The interface structure and functionality is created by the library and can be completely styled by CSS.

Every user interface component is an independent module and can be used multiple times across all your apps. If you extend functionality or fix a bug, all your apps can benefit from it. Internationalization can be done easily by putting your interface strings into a JSON object that can be switched for each language.

modoJS requires jQuery and Backbone to run. Both libraries are widely used as base libraries for any kind of web application.

The philosophy of modoJS

modoJS works a bit different to other UI libraries and frameworks out there, like jQuery UI or KendoUI. With most libraries/frameworks, you build up your interface using HTML and CSS and try to add your functionality afterwards with cryptic jQuery code and a mass of inconsistently written plugins.

modoJS goes a different way: You actually build your interface with JavaScript. So when you create a Calendar:

var myCalendar = new modo.Calendar(); myCalendar.on('change', function(){ var readableDate = modo.dateFormatter.dateToString('d.m.Y', this.get()); console.log(readableDate); }); $('body').append(myCalendar.el);

you get both parts at once: the DOM-Element which can be rendered by the browser, and interacted with by the user; and you get a JavaScript API, which lets you easily wait for events on it or call its methods.

Unlimited possibilities

This is of course only a very basic example. ModoJS brings lots of interface elements that are ready to use and only need to be stacked together like Lego pieces. Browse through our object reference list! We have created interactive and editable demos for nearly every element so you can play around and get a feeling for the modoJS library.

ModoJS also brings wrapper elements for well known projects like Ace Editor or TinyMCE so you can use them inside your application without much implementation trouble.