A Useful Collection of JavaScript Application Frameworks

Here’s a useful collection of JavaScript application frameworks which encapsulate many details such as DOM manipulation, event handling and cross-platform. Creating a maintainable interface for a certain web app is not easy as you think – but it is if you have these frameworks. If you are working with responsive web designs, check our our collection of jQuery plugins for building responsive layouts.

JS Library Boilerplate

An easy boilerplate for rolling your own JavaScript Library like jQuery, Zepto, Prototype, etc. The code is written in CoffeeScript, TypeScript and pure JavaScript.
JS Library Boilerplate
[action-button title=”View Source” url=”http://dciccale.github.com/jslibraryboilerplate/”]

JavaScript Application Frameworks: jQuery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensbility, jQuery has changed the way that millions of people write JavaScript.
JavaScript Application Frameworks: jQuery
[action-button title=”View Source” url=”http://jquery.com/”]

Unbeatable JavaScript Tools – The Dojo Toolkit

Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.
Unbeatable JavaScript Tools - The Dojo Toolkit
[action-button title=”View Source” url=”http://dojotoolkit.org/”]

Sammy.js – A Small Web Framework with Class

Sammy.js is a tiny JavaScript framework developed to ease the pain and provide a basic structure for developing JavaScript applications.
Sammy.js - A Small Web Framework with Class
[action-button title=”View Source” url=”http://sammyjs.org/”]

AngularJS — Superheroic JavaScript MVW Framework

AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs.
AngularJS — Superheroic JavaScript MVW Framework
[action-button title=”View Source” url=”http://angularjs.org/”]

Chaplin – Application Architecture Using Backbone.js

Chaplin is an architecture for JavaScript applications using the Backbone.js library. Chaplin addresses Backbone’s limitations by providing a lightweight and flexible structure that features well-proven design patterns and best practices.
Chaplin - Application Architecture Using Backbone.js
[action-button title=”View Source” url=”http://chaplinjs.org/”]

Prototype JavaScript Framework

Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax and the Document Object Model.
Prototype JavaScript Framework
[action-button title=”View Source” url=”http://prototypejs.org/”]

MooTools – A Compact JavaScript Framework

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.
MooTools - A Compact JavaScript Framework
[action-button title=”View Source” url=”http://mootools.net/”]

Joosy: Browser Applications Framework

Joosy inherits Rails passion to conventions and happiness. It either inherits the typical solvers to the typical tasks. You are guaranteed to feel familiar and smile.
Joosy: Browser Applications Framework
[action-button title=”View Source” url=”http://joosy.ws/”]

Qooxdoo – JavaScript Application Frameworks

Qooxdoo is a universal JavaScript framework with a coherent set of individual components and a powerful toolchain. With qooxdoo you build rich, interactive applications, native-like apps for mobile devices, light-weight single-page oriented web applications or even applications to run outside the browser.
Qooxdoo - JavaScript Application Frameworks
[action-button title=”View Source” url=”http://qooxdoo.org/”]

AmplifyJS – A Component Library for jQuery

AmplifyJS is a set of components designed to solve common web application problems with a simplistic API. Amplify’s goal is to simplify all forms of data handling by providing a unified API for various data sources.
AmplifyJS - A Component Library for jQuery
[action-button title=”View Source” url=”http://amplifyjs.com/”]

YUI Library

YUI’s lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world.
YUI Library
[action-button title=”View Source” url=”http://yuilibrary.com/”]

ActiveJS: JavaScript Application Framework

ActiveJS is a JavaScript application framework that provides local and REST based data modeling and pure DOM view construction with back button and history support.
ActiveJS: JavaScript Application Framework
[action-button title=”View Source” url=”http://activejs.org/”]

Sencha Ext JS – Industry Leading JavaScript Framework

With an advanced MVC architecture, plugin-free charting, and modern UI widgets, Sencha Ext JS is the industry’s most powerful desktop application development platform. Sencha Ext JS provides unparalleled cross-browser compatibility enabling you to develop incredible web apps for any browser.
Sencha Ext JS - Industry Leading JavaScript Framework
[action-button title=”View Source” url=”http://www.sencha.com/products/extjs/”]

Fluid Infusion: Beyond A Great User Experience

Infusion takes the pain out of developing accessible, high performance, clean and nimble front-ends for applications that want to do more. The approach is to leave you in control – it’s your interface, using your markup, your way.
Fluid Infusion: Beyond A Great User Experience
[action-button title=”View Source” url=”http://fluidproject.org/products/infusion/”]


ScaleApp is a tiny JavaScript framework for scalable One-Page-Applications / Single-Page-Applications. The framework allows you to easily create complex web applications.
[action-button title=”View Source” url=”http://scaleapp.org/”]

Ojay: YUI Development Made Easy

Ojay is an open-source JavaScript library developed by London web agency the OTHER media for use in all its ongoing client projects. It acts as a wrapper for YUI, providing a more intuitive programming model and some additional features.
Ojay: YUI Development Made Easy
[action-button title=”View Source” url=”http://ojay.othermedia.org/”]

Vanilla JS

Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. It is the most lightweight framework available anywhere; using production-quality deployment strategy.
Vanilla JS
[action-button title=”View Source” url=”http://vanilla-js.com/”]

A Collection of Christmas Resources and Inspirations
Authored 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.