A Comprehensive Collection Of Javascript Application Frameworks – 28 Examples

Application frameworks, more than any other Javascript libraries, are the most known and used ones. jQuery, for example, is almost everywhere these days and everyone knows of it. After jQuery, most people have also heard of or used Mootols, Prototype or AngularJS. JavaScript application frameworks are all about DOM manipulation, event handling and cross-platform issues and there are more than just the ones that I’ve mentioned at the beginning of this description, a lot more and I’m inviting you to check them out.

AngularJS

AngularJS

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

MooTools

MooTools

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.

jQuery

jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Prototype

Prototype

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.

YUI

YUI

YUI is a free, open source JavaScript and CSS library for building richly interactive web applications. 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.

Enyo

Enyo

Enyo is an object-oriented JavaScript application framework emphasizing modularity and encapsulation. Enyo is suitable for small and large-scale applications.

Enyo up to 1.x was the underlying framework used to develop applications for HP’s TouchPad tablet. Enyo as shipped on the TouchPad included an complete set of user interface components and service wrappers. What you will find here is Enyo 2, what we informally call core: the primary infrastructure needed to support any number of Enyo-based libraries. Not to worry, Enyo 1.x itself is open-source licensed, and work is progressing on packaging up those controls and goodies to work with Enyo 2.

Enyo was designed from the beginning to be highly extensible. This repository reflects a small working set of code, that can be expanded with any number of libraries or plugins. Enyo 2 is lightweight, easy to digest, and powerful.

Chaplin

Chaplin

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-profen design patterns and best practises.

Sammy.js

Sammy.js

Sammy.js is a tiny JavaScript framework developed to ease the pain and provide a basic structure for developing JavaScript applications.

Sammy tries to achieve this by providing a small ‘core’ framework and an ever-growing list of plugins for specific functionality. The core includes a simple API for defining applications which are made up primarily of routes and events. By driving application development around a small and specific API, Sammy attempts to keep your code organized while still allowing a lot of breathing room to define your own style and structure.

Sammy is not a solution for every JavaScript application or problematic situation. It is a single and rather opinionated method for building applications that tries to lend itself to best practices and maintainable development. It does this without the overhead of a large base framework or a single method or system for building models or views.

Dojo Toolkit

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.

dhtmlxSuite

dhtmlxSuite

dhtmlxSuite is a rich JavaScript library that delivers a complete set of UI components

Spry

Spry

Spry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages.

Spry was designed to feel like an extension of HTML and CSS, so anyone with basic web-production skills can create next-generation web experiences by adding the power of Ajax to their pages.

Spry can be used with any server-side technology (ColdFusion, PHP, ASP.Net etc.). By building the front-end of your web application with Spry you enable a more efficient designer-developer workflow by keeping UI separated from back-end application logic.

Ender

Ender

Joosy

Joosy

Joosy claims to be conventions-centric. Concentrate on what you should do and not on how to achieve it. Incredible productivity out of box.

Glow

Glow

jquip – aka jQuery-in-parts

jquip - aka jQuery-in-parts

jQuery getting too big? The primary goal of this project would be for the feedback/demand to kickstart jquery.com into re-organizing its code-base so it’s more modular since we believe we’ve proved the most useful parts of jQuery is a fraction of its code-base.

qooxdoo

qooxdoo

qooxdoo is a universal JavaScript framework with a coherent set of individual components and a powerful toolchain.

ActiveJS

ActiveJS

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.

Terrific

Terrific

AmplifyJS

AmplifyJS

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. Amplify’s store component handles persistent client-side storage, using standards like localStorage and sessionStorage, but falling back on non-standard implementations for older browsers. Amplify’s request adds some additional features to jQuery’s ajax method while abstracting away the underlying data source.

Fluid Infusion

Fluid Infusion

We think good interfaces should be easy to use and easy to build. Infusion takes the pain out of developing accessible, high performance, clean and nimble front-ends for applications that want to do more. Our approach is to leave you in control – it’s your interface, using your markup, your way.

Developed by an international group of software developers and interaction designers, Fluid Infusion combines JavaScript, CSS, HTML and user-centered design, rolling them all into a single package that sits on top of the popular jQuery toolkit. Infusion includes ready-to-use components as well as a framework to build your own.

abaaso

abaaso

abaaso is a modern, lightweight Enterprise class RESTful JavaScript application framework.

jslibraryboilerplate

jslibraryboilerplate

An easy boilerplate for rolling your own JavaScript Library like jQuery, Zepto, Prototype, etc.

scaleApp

scaleApp

scaleApp is a tiny JavaScript framework for scalable One-Page-Applications / Single-Page-Applications. The framework allows you to easily create complex web applications.

Sencha Ext JS

Sencha Ext JS

Ext JS offers an extraordinary range of user interface widgets. High performance scalable grids, trees, menus, and more. If you need it, we’ve probably already built it. And even if it’s not in the core library, you’re almost certain to find it in the thousands of user extensions from our million-strong Sencha community.

Ojay

Ojay

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.

Qworum.js

Qworum.js

Vanilla JS

Vanilla JS

Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications.

Closure Library

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.

Enjoyed this article? Subscribe to read more like it

 

Sponsors