JavaScriptFrameWorks

JavaScript FrameWorks

by paul.plaquette, Senior Software Engineer, Trilda Open Source

next:

More sorting  and classification among frameworks

See also

• Main_Page

• HyperText
• HTML
• HTML5
• HTML5 Gaming
• HTML5 Demos
• HTML5 Tutorials
• xHTML
• XML
• JSON
• CSS
• CSS3
• JavaScript
• JavaScript Frameworks
• Cordova, a framework previously know as PhoneGap
• Web Blogs
• Web Browsers
• Web Hybrid Apps
• Web Native Extension and plugins
• Web Formats
• Web Technologies Reference
• Web APIs
• Web Tools
• Web Presentation Tools
• Semantic Web and Data Web

• FullStack
• FrontEnd
• BackEnd

Focus

• http://www.javascriptkit.com/
• http://www.javascript.com/
• http://javascript.internet.com/
• http://jquery.com/
• http://developer.yahoo.com/yui/
• http://www.prototypejs.org/
• http://dojotoolkit.org/
• http://thinkvitamin.com/category/code/javascript/
• Loading And Blocking JavaScript
• http://dinosaurswithlaserz.com/2011/03/28/mobile-framework-throwdown/

• Frameworks Snippets

* http://jsfiddle.net/enyojs/g7MLS/

General Purpose FrameWorks

• http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
• http://sixrevisions.com/javascript/promising_javascript_frameworks/
• http://savedelete.com/17-best-javascript-frameworks-you-must-know.html
• http://www.instantshift.com/2010/01/25/30-useful-tutorial-for-javascript-framework-navigation/
• http://labs.adobe.com/technologies/spry/
• http://stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs

• Alice.js: http://blackberry.github.com/Alice/
• Agility.js MVC Lib for JavaScript to build browsers: http://agilityjs.com/
• Ample SDK (JS F A OS): http://www.amplesdk.com/
• Ample SDK (JS F A OS): http://www.amplesdk.com/examples/sandbox/
• Ample SDK (JS F A OS): http://en.wikipedia.org/wiki/Ample_SDK
• Angular.js : http://angularjs.org/
• Archetype: http://fr.wikipedia.org/wiki/Archetype_JavaScript_Framework
• Archetype: http://blog.archetypejs.org/
• Aura , requires backbone.js:

* https://github.com/aurajs/aura#readme
* https://github.com/aurajs

• Boostrap From Twiter(JS, F, W, A) : http://twitter.github.com/bootstrap/
• Backbone.js: http://documentcloud.github.com/backbone/
• Babylone.js: 3D animation,

* http://babylonjs.com/
* https://github.com/BabylonJS/Babylon.js
* http://learningbabylonjs.com/
* http://www.pixelcodr.com/aboutme.html

• Batman.js, build beautiful web apps quickly: http://batmanjs.org/
• Capuccino.js : http://www.cappuccino-project.org/
• CAN.js, features testing,: http://canjs.us/
• Chapplin, web appliaction frameork on top of backbonze.js: http://chaplinjs.org/

• Cujo.js, architectural framework for applications: http://cujojs.github.com/
• Color.js, JS Color Library, http://matthewbj.github.com/Colors/
• Derby,MVC Framework, for Node.js and browsers: http://derbyjs.com/
• dermis, Dermis is a lightweight view lifecycle/routing system., needs RequireJS: https://github.com/wearefractal/dermis
• Dijon-framework:

* https://github.com/creynders/dijon-framework
* http://creynders.wordpress.com/

• Dojo (JS F A OS): http://dojotoolkit.org/
• Dojo (JS F A OS): http://dojotoolkit.org/features/mobile
• Dojo (JS F A OS): http://chrism.dojotoolkit.org/mobile-0.2/make_samples/dojo-samples/demos/mobile-gallery/demo.html
• dhtmlx: http://dhtmlx.com/touch/
• dhtmlx: http://dhtmlx.com/
• dhtmlx: http://dhtmlx.com/docs/products/demoApps/index.shtml
• duel, the 'V' in MVC, for both server and client side: https://bitbucket.org/mckamey/duel/wiki/Home
• Echo: http://echo.nextapp.com/site/
• Ember.js, A framework to build ambitious web apps: http://emberjs.com/
• Emily JS modules to build scalable JavaScript appliactions :

 * https://github.com/flams/emily/wiki
 * https://github.com/flams/emily
 * Epitome, extensible and modular open source MVC  framework: http://dimitarchristoff.github.com/Epitome/

• foundationdotjs : http://foundationdotjs.org/
• fleegis: http://js.fleegix.org/
• funnyfaces.js, JavaScript bindings lib:

* http://weepy.github.com/o_O/
* http://weepy.github.com/o_O/examples/guide/index.html
* http://weepy.github.com/o_O/examples/todos/index.html
* http://weepy.github.com/o_O/examples/zoom/index.html

• fusejs: http://fusejs.com/
• google:

* Google Closure Library: https://developers.google.com/closure/library/
* Google Web Toolkit : https://developers.google.com/web-toolkit/

• Hammer.js, a JS multitouch Library,
• http://eightmedia.github.com/hammer.js/
• https://github.com/eightmedia/hammer.js
• Highlights.js, source source highlighting JS library, http://softwaremaniacs.org/soft/highlight/en/
• Hogan.js, JavaScript templating from Twitter, http://twitter.github.com/hogan.js/

• javascript_framework: http://dev.netvibes.com/doc/uwa/documentation/javascript_framework
• Jo (JS Phone Gap F A OS) : http://joapp.com/

• Javascript MVC (JS F A): http://javascriptmvc.com/
• jsZip : http://stuk.github.com/jszip//
• Kendo UI (JS F A): http://www.kendoui.com/?gclid=CKDl6Ze2gLMCFXHLtAodiRoACA
• knockoutjs, MVC Model for JavaScript UI: http://knockoutjs.com/
• Knockback.js, brings knockout.js to Backbone.js , requires underscore.js: http://kmalakoff.github.com/knockback/
• Lawnchair: http://westcoastlogic.com/lawnchair/
• Maria: Gang of fourth MVC Model DesignPatterns
• Meteor, a better way to build apps: http://meteor.com/
• Microjs: http://microjs.com/
• Midorijs: http://www.midorijs.com/
• M-Project: http://the-m-project.org/
• Modal Box: http://okonet.ru/projects/modalbox/index.html
• Mochikit (JS F D halted): http://mochi.github.com/mochikit/
• Modernizr:

* Modernizr: http://modernizr.com/

• yepnope.js: http://yepnopejs.com/
• Moo Tools (JS F A): http://mootools.net/
• Mojito (JS F : http://developer.yahoo.com/cocktails/mojito/
• Node.js : http://nodejs.org/
• nanoko.js: http://www.nanoko.org/?page=architecture
• Olives, JavaScript MVC frameWork to build realtime UIs:
• http://flams.github.com/emily/
• http://flams.github.com/olives/
• https://github.com/flams/olives
• Plastron.js, MVC for closure lib and closure compiler:
• http://rhysbrettbowen.github.com/PlastronJS/
• https://github.com/rhysbrettbowen/PlastronJS:
• Pyjamas (python based): http://pyjs.org/

* Pyjamas (python based): http://code.google.com/p/pyjamas/

• Prototype: http://www.prototypejs.org/
• qooxdoo (JS F A): http://qooxdoo.org/
• <rAppid:js/>, the rich internet media JavaScript MVC Framework: http://www.rappidjs.com/#/home
• Rialto: http://rialto.improve-technologies.com/wiki/rialto
• Rialto: http://rialto.improve-technologies.com/rialto/
• Rico (JS F A): http://openrico.sourceforge.net/examples/index.html
• sammyjs, a small web framework with class: http://sammyjs.org/
• sizzle: http://sizzlejs.com/
• scriptaculous: http://madrobby.github.com/scriptaculous/
• snackjs: http://davidwalsh.name/snackjs
• smartclient (ajax) : http://www.smartclient.com/
• smoke.js, alerting framework: http://ssssnakes.com/smoke/
• spine.js, build awesome JavaScript MVC Applications: http://spinejs.com/
• sproutcore : http://www.sproutcore.com/
• Stapes.js, A (really) tiny JavaScript MVC microframework: http://hay.github.com/stapes/
• SWFobject: http://code.google.com/p/swfobject/
• Touch Code: http://touchcode.com/
• TodoMVC:

* http://todomvc.com/
* https://github.com/addyosmani/todomvc

• treesaverjs, a minimalist JavaScript Framework: http://treesaverjs.com/
• troopjs.com :

 * http://www.redline.st/
 * https://github.com/troopjs

• Unify: http://unify.github.com/unify/
• Underscore.js, utility functions(require processing.js): http://documentcloud.github.com/underscore/

http://babylonjs.com/

• Vorlon.js: an open source testing framework from microsoft, http://vorlonjs.com/
• Web Font Loader: http://code.google.com/apis/webfonts/docs/webfont_loader.html
• Wink Toolkit (JS F A) : http://www.winktoolkit.org/
• xuijs: htt://xuijs.com/
• YEOMAN, set of tools to built web apps: http://yeoman.io/
• YUI: http://developer.yahoo.com/yui/
• zeptojs: http://zeptojs.com/

 * http://en.wikipedia.org/wiki/Objective-J
 * http://en.wikipedia.org/wiki/Cappuccino_(application_development_framework)
 * http://cappuccino.org/

Anachy Project, Havok Game ENgine

* http://www.projectanarchy.com/about

Create.js: Easel.js, Tween.js, Sound.js, Preload.js, tools

  * Easel.js: http://www.createjs.com/#!/EaselJS
  * Tween.js: http://www.createjs.com/#!/TweenJS
  * Sound.js: http://www.createjs.com/#!/SoundJS
  * Preload.js: http://www.createjs.com/#!/PreloadJS
  * Tools: http://www.createjs.com/#!/Tools

Enyo.js (Web OS)

* WebOS Enyo.js: 
 * site: http://enyojs.com/
 * github: https://github.com/enyojs/bootplate

jQuery (JS F A)

* http://jquery.com/
* http://jqueryui.com/ 
* http://jquerymobile.com/ 
* http://visualjquery.com/ 
 * http://jplayer.org/ 
 * http://www.learningjquery.com/ 
 * fitvid.js, Fluid Video jQuery plugin: http://fitvidsjs.com/
 * GMap, jQuery plugins, http://gmap.nurtext.de/

Wijmo

* http://wijmo.com/

Sencha Complete (Architect, Touch, Ext JS, GXT, Animator, io)

* http://www.sencha.com/products/complete/
* Architect, Design, build:      http://www.sencha.com/products/architect/
* Ext JS:     http://www.sencha.com/products/extjs/
* touch:      http://www.sencha.com/products/touch/
* using java: http://www.sencha.com/products/gxt/
* animations: http://www.sencha.com/products/animator/
* cloud:      http://www.sencha.com/products/io/

Screenshots

* Google Screenshots: http://fluentconf.com/fluent2012/public/schedule/detail/24676
* http://html2canvas.hertzen.com/
* DOM-Panda: https://github.com/jankuca/dom-panda

Data Modeling

* Three.js: http://mrdoob.github.com/three.js/

CSS oriented

* http://lesscss.org/
* http://www.knacss.com/
* http://leaverou.github.com/prefixfree/#
* http://960.gs/

Internet explorer compatibility

Framework that adds layers on IE (6/7/8) to add standards conformance (HTML5, CSS3, etc...)
(this is interesting for making web sites)

* http://selectivizr.com/
* http://css3pie.com/
* http://www.google.com/chromeframe?prefersystemlevel=true
* Modernizr: 
 * Modernizr: http://modernizr.com/
 * yepnope.js: http://yepnopejs.com/

Globalization - Localization

* Globalize.js
 * use in Tizen SDK 2.1
 * used to be a JQuery Plugin
 * now a stand alone JavaScript Library
 * git  : https://github.com/jquery/globalize
* Articles
 * http://damianedwards.wordpress.com/2011/07/08/the-jquery-globalization-plugin-becomes-globalize/
 * http://www.ibm.com/developerworks/library/os-jquerynewpart1/
 * http://www.globalbydesign.com/2011/12/08/how-to-localize-date-formats-using-globalize-js/
 * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html
 * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html

PDF in JavaScript

* Nitro PDF (comemrcial)http://legacy.nitropdf.com/help/pdf_javascript.htm?lang=en
* Quick PDF Lib(commercial) : http://www.quickpdflibrary.com/help/quickpdf/JavaScript.php
* Mozilla PDF.js : 
 * https://github.com/mozilla/pdf.js
 * http://andreasgal.com/2011/06/15/pdf-js/
*  jspdf: 
 * http://code.google.com/p/jspdf/
 * http://snapshotmedia.co.uk/blog/jspdf
 * https://github.com/MrRio/jsPDF
 * http://jspdf.com/

Drawing Frameworks

* http://raphaeljs.com/
* http://fabricjs.com/
* http://www.createjs.com/#!/EaselJS
* http://paperjs.org/
* http://draw2d.org/draw2d/
* http://jsdraw2d.jsfiction.com/
* http://www.liquidx.net/canvasgraphjs/
* http://www.liquidx.net/plotkit/
* http://code.google.com/p/canviz/
* http://processing.org/
* http://processingjs.org/
* http://framework.zend.com/manual/1.12/en/zend.pdf.drawing.html
* http://www.flotcharts.org/
* http://kineticjs.com/
* http://sourceforge.net/projects/html-canvas-lib/files/

Animation Frameworks

* http://processing.org/
* http://processingjs.org/
* http://kineticjs.com/

Game FrameWorks

* http://www.webresourcesdepot.com/free-javascript-game-frameworks-to-create-a-web-based-fun/
* http://en.wikipedia.org/wiki/List_of_game_engines
* https://github.com/bebraw/jswiki/wiki/Game-Engines
* https://developer.mozilla.org/en/Canvas_tutorial
 
* http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm

* akihabara : http://www.kesiev.com/akihabara/
* Box2d : http://box2d-js.sourceforge.net/
* Osmose / bdge : https://github.com/Osmose/bdge
* caat : http://labs.hyperandroid.com/animation
* casualjs : http://code.google.com/p/casualjs/
* cocos2d : http://cocos2d-javascript.org/
* craftyjs : http://craftyjs.com/  http://craftyjs.tumblr.com/
* c3dl : http://www.c3dl.org/
* cssgameengine : https://sites.google.com/site/cssgameengine/
* Diggy : 
 * https://github.com/lostdecade/diggy
 * Bombada, a game using diggy: http://playbombada.appspot.com/
* doodle-js : http://lamberta.org/doodle-js/
* easel : http://easeljs.com/
* effect engine : http://www.effectgames.com/effect/
* enchant.js : http://enchantjs.com/en/
* entityjs : http://entityjs.com/
* flax : http://flax.ie/category/flax-game-engine/
* frigame : https://bitbucket.org/bugnano/frigame/wiki/Home
* gammajs : http://gammajs.org/
* gamequery : http://gamequeryjs.com/
* glge : http://www.glge.com/
* gogomakeplay : http://gogomakeplay.com/gmp
* html5boilerplate : http://html5boilerplate.com/
* impactjs : http://impactjs.com/
* Javascript 2D Game Engine : http://www.lukewallin.co.uk/?go=engine
* javaScript GameLib: http://www.sean.co.uk/a/webdesign/javascript_gamelib/javascript_gamelib.shtm
* jawsjsD : http://jawsjs.com/
* http://www.effectgames.com/effect/games/crystalgalaxy/
* http://www.effectgames.com/games/absorb-hd/
* joapp : http://joapp.com/
* jsGameSoup:
 * http://jsgamesoup.net/
 * jsGameSoup : http://www.jplayer.org/
 * jsGameSoup : http://blog.frontendforce.com/2010/03/games-development-in-javascript-part-1-frameworks/
 * jsGameSoup : http://mccormick.cx/projects/jsGameSoup/
* lightsoffapp : http://www.lightsoffapp.com/
* lightsoffapp :http://www.web-delicious.com/lights-off-a-puzzle-game-using-html5-canvas/
* Lime JS : http://www.limejs.com/
* mibbu : http://mibbu.eu/
* philogl : http://senchalabs.github.com/philogl/
* processingjs : http://processingjs.org/
* propulsionjs  : http://www.propulsionjs.com/
* raphaeljs : http://raphaeljs.com/
* renderengine : https://github.com/bfattori/TheRenderEngine 
* renderengine : http://therenderengine.blogspot.com/
* rocketpack : http://rocketpack.fi/engine/
* RPG JS: http://rpgjs.com/
* smileycat physics engine : http://www.smileycat.com/miaow/archives/001964.php
* soundmanager2 : http://www.schillmania.com/projects/soundmanager2/
* SpiderMonkey : https://developer.mozilla.org/en/SpiderMonkey
* videojs: http://videojs.com/
* Web Apper, angry bird like game : http://www.webappers.com/2011/08/15/physics-engine-in-javascript-for-angry-birds-like-games/
* getxc : http://www.getxc.org/

Physics Engine FrameWorks

* http://drawlogic.com/2007/11/07/as3-foam-2d-physics-engine/
* http://en.wikipedia.org/wiki/Physics_engine
* http://en.wikipedia.org/wiki/PAL_(software)
* http://en.wikipedia.org/wiki/Newton_Game_Dynamics
* http://blog.generalrelativity.org/about/
* http://www.adrianboeing.com/pal/index.html

Audio

* official labs: http://labs.official.fm/

* Audio.js : http://kolber.github.com/audiojs/
* Buzz: http://buzz.jaysalvat.com/
* JPlayer.org: http://www.jplayer.org/
* SoundJS (part of createjs see above): http://www.createjs.com/#!/SoundJS
* SoundManager 2 : http://www.schillmania.com/projects/soundmanager2/
* Timbre.js : http://mohayonao.github.com/timbre/
* Thunder.js : http://joewlarson.com/blog/2011/10/16/introducing-thunder-js/

Aurora Framework

* Aurora.js : https://github.com/ofmlabs/aurora.js

Flac support
* FLAC.js: https://github.com/ofmlabs/flac.js
* jsmad: https://github.com/ofmlabs/jsmad

Apple Lossless decoder

* Alac.js : https://github.com/ofmlabs/alac.js

MP3 support:
* https://github.com/devongovett/mp3.js

Node.js Framework

* PDFKit:
  * http://pdfkit.org/

Rhino

* Rhino is a Java implementation made and supported by Mozilla of a JavaScript interpretor
 * https://developer.mozilla.org/en-US/docs/Rhino

* Ringo.js, a JavaScript Framework for Rhino
 * ringo.js: http://ringojs.org/
 * slides on Ringo.js: http://www.slideshare.net/olegp/ringojs

* Ringo versus Node.js
 * http://hns.github.com/2010/09/21/benchmark.html

Other Frameworks

http://documentcloud.github.com/backbone/ http://westcoastlogic.com/lawnchair/

http://www.khronos.org/collada/ https://collada.org/mediawiki/index.php/COLLADA_-_Digital_Asset_and_FX_Exchange_Schema

http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation

Samples

 * http://www.canvasdemos.com/
 * http://web.appstorm.net/roundups/browsers/10-html5-games-paving-the-way/
 * http://blogs.msdn.com/b/davrous/archive/2011/09/09/html5-platformer-the-complete-port-of-the-xna-game-to-lt-canvas-gt-with-easeljs.aspx
 * http://elearningexamples.com/examples/interactive-graphics/html-interactive-graphics/
 * http://sixrevisions.com/web-development/html5-iphone-app/
 * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/
 * http://dev.opera.com/articles/view/3d-games-with-canvas-and-raycasting-part/
 * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html
 * http://html5example.net/entry/html5-showcases/html5-game-collection
 * http://www.html5grind.com/2011/06/26/coming-soon-learning-html5-game-programming-book/
 * http://www.hongkiat.com/blog/48-excellent-html5-demos/
 * http://html5tutorial.net/examples/samples-using-the-html5-canvas-element.html
 * http://www.rgraph.net/
 * https://github.com/jwill/html5-game-book
 * http://labs.adobe.com/technologies/edge/?sdid=JAPJW&skwcid=TC%7C23230%7CHTML5%20samples%7C%7CS%7Cb%7C8325937146
 * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/
 * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html
 * http://html5example.net/entry/html5-showcases/html5-game-collection
 * http://html5gameonline.com/
 * http://html5example.net/entry/html5-showcases/12-fun-clever-examples-of-html5
 * http://www.hongkiat.com/blog/48-excellent-html5-demos/
 * https://github.com/jwill/html5-game-book
 * http://training.bocoup.com/

 * http://www.scirra.com/construct2
 * http://sourceforge.net/projects/clanfx/
 * http://www.wonderlandblog.com/wonderland/2010/04/aves-an-html-javascript-game-engine.html
 * https://github.com/Osmose/bdge
 * http://code.google.com/p/casualjs/
 * http://labs.hyperandroid.com/static/ibasket/template.html
 * http://labs.hyperandroid.com/mathmayhem
 * https://github.com/hyperandroid/CAAT-Samples.git
 * http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm
 * http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
 * http://dev.opera.com/articles/tags/open%20web/
 * http://www.effectgames.com/effect/
 * http://www.def-logic.com/
 * http://www.sean.co.uk/a/javascriptgames/index.shtm
 * http://www.lostdecadegames.com/page2/#posts