You Design. We HTML.

A Comprehensive Collection Of Javascript Application Frameworks – 35 Examples

December 7, 2015 - Uncategorized

Application frameworks, more than any other Javascript libraries, are the most known and used ones.

JavaScript application frameworks are all about DOM manipulation, event handling and cross-platform issues and there are lots of them that you should check out.

While you may be familiar with AngularJS, Meteor or Ember, there are also JS application frameworks that you might not know and should check out.

AngularJS

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly.

It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding. To help you structure your application better and make it easy to test, AngularJS teaches the browser how to do dependency injection and inversion of control.

Meteor

Meteor

Meteor gives you a radically simpler way to build realtime mobile and web apps, entirely in JavaScript from one code base. The same code runs from the client to the cloud, from packages to database APIs. The same code runs cross browsers and mobile devices via Meteor’s unified Isobuild system.

A great experience both as an installable iOS and Android app, and as a web app that loads on demand. Client GUI components provide the look, feel and response of a thick client app using Meteor’s Blaze framework or integrating with AngularJS and ReactJS.

Foundation for Apps

Foundation for Apps

Foundation for Apps is a framework that allows people and companies to build well designed future-friendly web apps. Foundation for Apps is designed to help you quickly prototype and build responsive web applications by using leading technologies like Flexbox and Angular.

Ember.js

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.

Backbone.js

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.

Redux

Redux

Redux is a predictable state container for JavaScript apps.

It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.

Express

Express

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Express provides a thin layer of fundamental web application features, without obscuring Node.js features that you know and love.

Flux

Flux

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React’s composable view components by utilizing a unidirectional data flow. It’s more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.

Vue.js

Vue.js

Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

Marionette

Marionette

Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is a collection of common design and implementation patterns found in applications.

Riot

Riot

The frontend space is indeed crowded, but they feel the solution is still “out there”. They believe Riot offers the right balance for solving the great puzzle. While React seems to do it, they have serious weak points that Riot will solve.

Knockout

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.

Mithril

Mithril

Mithril is a client-side MVC framework – a tool to organize code in a way that is easy to think about and to maintain.

WinJS

WinJS

WinJS is an open-source JavaScript library that can assist you in building web apps with a consistent look and performance. Even better, WinJS supports Windows apps, websites and technologies like Apache Cordova on the latest versions of all major browsers.

Ractive.js

Ractive.js

Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.

Aurelia

Aurelia

Aurelia is a next gen JavaScript client framework for mobile, desktop and web that leverages simple conventions to empower your creativity.

YUI

YUI

YUI is a free, open source JavaScript and CSS library for building richly interactive web applications.

Spine

Spine

Spine is a lightweight MVC library for building JavaScript web applications. Spine gives you structure and then gets out of your way, allowing you to concentrate on the fun stuff: building awesome web applications.

Spine is opinionated in its approach to web application architecture and design. Spine’s architecture complements patterns such as de-coupled components and CommonJS modules, markedly helping with code quality and maintainability.

DerbyJS

DerbyJS

The Derby MVC framework makes it easy to write realtime, collaborative applications that run in both Node.js and browsers.

Derby includes a powerful data synchronization engine called Racer that automatically syncs data among browsers, servers, and a database. Models subscribe to changes on specific objects, enabling granular control of data propagation without defining channels. Racer supports offline usage and conflict resolution out of the box, which greatly simplifies writing multi-user applications.

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-proven design patterns and best practices.

Chaplin empowers you to quickly develop scalable single-page web applications; allowing you to focus on designing and developing the underlying functionality in your web application.

Angular-Meteor

Angular-Meteor

Angular-Meteor is completely Open Source. It brings the responsive power of Angular to the powerful and flexible Meteor stack. Deploy wherever you want.

CanJS

CanJS

CanJS is a JavaScript library that makes developing complex applications simple and fast. Easy-to-learn, small, and unassuming of your application structure, but with modern features like custom tags and 2-way binding. Creating apps is easy and maintainable.

Durandal

Durandal

They didn’t try to re-invent the wheel. Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There’s little to learn and building apps feels comfortable and familiar. Dive in and enjoy.

MVC? MVP? MVVM? Yes. Messaging, navigation, modals? Check. Durandal has the features you need to build whatever apps you can imagine; the apps of today and of tomorrow.

JSBlocks

JSBlocks

From simple user interfaces to complex single-page applications using faster, server-side rendered and easy to learn framework.

Sammy

Sammy

Sammy is a tiny javascript framework built on top of jQuery, It’s RESTful Evented Javascript.

SproutCore

SproutCore

SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.

Cycle.js

Cycle.js

Ink

Ink

Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers.

MontageJS

MontageJS

MontageJS is a modern frontend HTML5 framework that supports creating single-page applications—fast. MontageJS uses time-tested design patterns and software principles, allowing you to easily create a modular architecture for your projects and deliver a high-quality user experience.

Hoodie

Hoodie

Currently, Hoodie is mainly for frontend developers who want to build their own applications based on it, and for Node.js developers who want to help us extend Hoodie’s core by building plugins.

Dojo Toolkit

Dojo Toolkit

A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly.

NuclearJS

NuclearJS

The purpose of NuclearJS isn’t to write the most expressive TodoMVC anyone’s ever seen. The goal of NuclearJS is to provide a way to model data that is easy to reason about and decouple at very large scale.

Junior

Junior

A framework for building HTML5 mobile apps with a native look and feel.

DeLorean

DeLorean

A completely agnostic JavaScript framework to apply Flux concepts into your interfaces easily.


Source: Design Your Way