Top 10 Javascript Frameworks – Which do you prefer?

Javascript libraries have become fundamental to good web design, almost all site nowadays have some element of Javascript or Ajax present. It is probably the main element in developing the Web 2.0 movement.
There are many Frameworks, which do you prefer?

Please note that this post is fairly old and some of the information may be out dated.
Perhaps you would prefer to browse our Javascript or jQuery categories.

1. script.aculo.us (http://script.aculo.us/)

script.aculo.usURL: http://script.aculo.us/.
Blog: n/a.
Documentation: http://wiki.script.aculo.us/.
Note: script.aculo.us is not a Framework by its self but it is an addon for Prototype.

“script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.”

2. Prototype (http://www.prototypejs.org/)

PrototypeURL: http://www.prototypejs.org/.
Blog: http://www.prototypejs.org/blog.
Documentation: http://www.prototypejs.org/learn.

“Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.”

3. Moo Tools (http://www.mootools.net/)

Moo ToolsURL: http://www.mootools.net/.
Blog: http://mootools.net/blog.
Documentation: http://docs.mootools.net/.
Demos:http://demos.mootools.net/.

“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.”

4. jQuery (http://jquery.com/)

 jQueryURL: http://jquery.com/.
Blog: http://jquery.com/blog/.
Documentation: http://docs.jquery.com/.

“jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript”.

5. MochiKit (http://www.mochikit.com/)

 MochiKitURL: http://www.mochikit.com/.
Blog: http://www.mochikit.com/blog.html.
Documentation: http://www.mochikit.com/doc/html/MochiKit/index.html.
Demos:http://www.mochikit.com/demos.html.

“MochiKit – makes JavaScript suck a bit less”.

6. Rialto (http://rialto.improve-technologies.com/wiki/)

URL: http://rialto.improve-technologies.com/wiki/.
Blog: n/a
Documentation: http://rialto.improve-technologies.com/js/doc/.
Demos:http://rialto.improve-technologies.com/rialto/.

“Rialto (Rich Internet Application Toolkit) is ajax-based cross browser javascript widgets library”.

7. Dojo Toolkit (http://dojotoolkit.org)

URL: http://dojotoolkit.org/about.
Blog: http://dojotoolkit.org/blog.
Documentation: http://dojotoolkit.org/docs.
Demos:http://dojotoolkit.org/demos.

“Dojo is an Open Source DHTML toolkit written in JavaScript. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development”.

8. Spry Framework (http://labs.adobe.com/technologies/spry/)

URL: http://labs.adobe.com/technologies/spry/.
Blog: n/a.
Documentation: http://www.adobe.com/go/labs_gnav_wiki.
Demos:http://www.adobe.com/go/labs_gnav_showcase.

“The Spry framework for Ajax is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages”.

9. ASP.NET Ajax Framework (http://asp.net/ajax/)

URL: http://asp.net/ajax/.
Blog: n/a.
Documentation: http://asp.net/ajax/documentation/.
Demos:http://asp.net/ajax/showcase/.

“ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers”.

10. Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)

URL: http://sourceforge.net/projects/clean-ajax/.
Blog: n/a.
Documentation: http://sourceforge.net/docman/?group_id=145307.

“Easy to use AJAX framework that provides message queue, XSLT, XPath, encryption (SHA1, MD5), web service access (SOAP, XMLRPC), JSON-RPC, cross browser AJAX, AJAX history and cache control”.

(639 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.

Comments

  • Mauricio A.

    I really don’t like when people come saying that “that X library is better than Y”, it really depends on what you’re working on and what you want to make out of it. I’m now using Ext for web applications, and jquery/mootools for websites. Also, you must evaluate your comfort with Javascript. Jquery in its essence requires you to learn very little of Js, however mootools and Ext, are kind of intermediate Js libraries. Choose the one that suits your needs, learn it, master it. Then if you need another,well… learn it.

    Thank Paul, for this great list.

  • Cyrsbook

    If you tally the comments/opinion here more than 50% would choose Ext JS.  I guess that about answers “which do you prefer?”

  • Nancy

    jQuery is used by half of all the 10,000 busiest websites on the planet.
    That speaks for itself.

  • Shukla Raghav

    Common where is EXT JS…the best of all

  • euroblaze

    Paul – you should really include Extjs in your top-10 as well.  IMO it’s a better library for business-apps, Jquery being the top-dog for consumer apps.

    Thanks
    Ashant

  • someGuest

    That does NOT speak for itself – many people just use jQuery, because this framework is easy to learn…

  • jQuery all the way!

  • Prathap

    jQuery is not framework. It is a DOM library. This list is about frameworks.