Menu

20 JavaScript MVC Frameworks for Rapid Development

LIKE & SHARE

Here’s a collection of open source, object oriented JavaScript MVC frameworks (Model–View–Controller) to help you rapidly develop clean and dynamic websites. These lightweight frameworks support various functions which are absolutely helpful for creating dynamic websites using minimal effort with a maximum flexibility. If you are looking for more, check out our collection of JavaScript application frameworks.

You might want to take a look at the following related articles:

Dont forget to subscribe to our RSS-feed and follow us on Twitter – for recent updates.

Most Popular WordPress Themes on ThemeForest

Knockout

Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

Knockout
View Source

Cappuccino Web Framework

Cappuccino is a web application framework providing you with everything you need to create desktop flavored applications running right on the browser of your users. Unlike most of JavaScript framework, Cappuccino completely abstract the DOM.

Cappuccino Web Framework
View Source

SproutCore

SproutCore applications move business logic to the browser so they can respond to your users’ taps and clicks immediately, avoiding an agonizing roundtrip across often intermittent network connections.

SproutCore
View Source

Batman.js

Batman.js is a framework for building rich web applications with CoffeeScript or JavaScript. App code is concise and declarative, thanks to a powerful system of view bindings and observable properties. The API is designed with developer and designer happiness as its first priority.

Batman.js
View Source

Agility.js Javascript MVC Library

Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.

Agility.js Javascript MVC Library
View Source

JavaScript MVC Frameworks

JavaScriptMVC is an open-source framework containing the best ideas in jQuery development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

JavaScript MVC Frameworks
View Source

Geddy – The Original MVC Web Framework for Node

Geddy is built on the same MVC principles that many popular frameworks are based on. Every Geddy app has its models, controllers, and views as well as config files and routes.

Geddy - The Original MVC Web Framework for Node
View Source

Soma.js

Soma.js is a javascript model-view-controller (MVC) framework that is meant to help developers to write loosely-coupled applications to increase scalability and maintainability.

Soma.js
View Source

TodoMVC

TodoMVC is a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

TodoMVC
View Source

NYTimes/Backbone.stickit

Backbone.stickit is yet another model-view binding plugin for Backbone. Like the other plugins, Stickit will wire up bindings that will keep form elements, innerHTML, text, and attribute values bound with model attributes.

NYTimes/Backbone.stickit
View Source

Backbone.js

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

Backbone.js
View Source

rAppid.js – Internet Application JavaScript MVC Framework

rAppid.js allows you to encapsulate complexity into components which can be used beside HTML. Therefor rAppid.js uses a Shadow DOM, which is rendered as valid HTML in the document body or a specific target. It is completely extendable and works well with other libraries.

rAppid.js - Internet Application JavaScript MVC Framework
View Source

The Closure Library

The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.

The Closure Library
View Source

Marionette.js – Application Architecture for Backbone.js

Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications.

Marionette.js – Application Architecture for Backbone.js
View Source

Knockback.js

Both Knockout.js and Backbone.js have their strengths and weaknesses, but together they are amazing! With Knockback.js, you can use the strong ORM provided by Backbone and create dynamic views using Knockout bindings.

Knockback.js
View Source

Plastronjs

PlastronJS is an MVC library which uses the Google Closure library for use with the Closure Compiler. I’ve decided to call it Plastron after the name of the underside of the turtle to mimic names of frameworks like Backbone and Spine but also because it’s a good base to build upon.

PlastronJS
View Source

Serenade.js

Serenade.js is yet another MVC client side JavaScript framework. Why do we indulge in recreating the wheel? We believe that Serenade.js more closely follows the ideas of classical MVC than competing frameworks and has a number of other advantages as well

Serenade.js
View Source

JavaScript MVC Frameworks

DUEL is a dual-side templating engine using HTML for layout and 100% pure JavaScript as the binding language. The same views may be executed both directly in the browser (client-side template) and on the server (server-side template).

JavaScript MVC Frameworks
View Source

Cujo.js

cujo is an architectural toolkit for next generation JavaScript applications. It encourages highly modular development, declarative application assembly, and embraces the asynchronous nature of JavaScript and its fusion of object-oriented and functional programming styles.

Cujo.js
View Source

Ember.js

Ember.js is a JavaScript framework that does all of the heavy lifting that you’d normally have to do by hand. There are tasks that are common to every web app; Ember.js does those things for you, so you can focus on building killer features and UI.

Ember.js
View Source
Custom Facebook Timeline Cover Template

Written by Manuel Garcia

Manuel Garcia is the founder and the brain behind Designrshub.com, a community that provides High Quality Design Inspirations and Resources. He’s a student from Philippines who loves to write for design community and dedicated in sharing inspirational resources. He fell in love with creative writing when he was 15.

COPYRIGHT © 2013 DESIGNRSHUB | ABOUT | ADVERTISE | CONTACT US | SUBMIT NEWS | WRITE FOR US
Designrshub.com. Created and Designed by Manuel Garcia.
Reproduction without explicit permission is prohibited. All Rights Reserved.