JavaScript Libraries

As I’m a WebWorks/HTML5 developer, using existing JavaScript libraries can be a great way to improve an application functionalities. This list summarizes a few JS libraries I’ve been finding to have some value for developers like myself.

Feel free to drop me a line to improve this list. I’ll update it regularly. Thank you

Categories: User Interface | Graphics | Mapping | Physics | Multimedia | Others

User Interface

• bbUI.js - https://github.com/blackberry/bbUI.js
  The goal of the bbUI toolkit is to provide a BlackBerry® User Experience and Design Language for HTML5 applications using the BlackBerry WebWorks framework. It provides common UI constructs that are found on the BlackBerry operating system so that you can create an application that follows the UI guidelines and looks at home on a BlackBerry with very little effort. 
• HammerJS - http://eightmedia.github.com/hammer.js/
  A javascript library for multi-touch gestures (tap, double-tap, hold, drag, pinch)
• Ninja UI - http://ninjaui.com/
  Elegant theme, capable of exactly matching the look and feel of your site.
• SwipeJS - http://swipejs.com/
  Swipe is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.

Graphics

• AliceJS - http://blackberry.github.com/Alice/
  Alice is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.
• Artisan JS - http://artisanjs.com/
  A JavaScript library that aims to make in-browser drawing very, very easy.
• EaselJS - http://createjs.com/#!/EaselJS
  A Javascript library that makes working with the HTML5 Canvas element easy.
• Fabric.js - http://fabricjs.com/
  Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas (and canvas-to-SVG) parser.
• KineticJS - http://www.kineticjs.com/
  KineticJS is an HTML5 Canvas JavaScript library that extends the 2d context by enabling high performance path detection and pixel detection for desktop and mobile applications.
• Raphaël - http://raphaeljs.com/
  A small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.
• three.js - http://mrdoob.github.com/three.js/
  JavaScript 3D Library (WebGL)
• TweenJS - http://createjs.com/#!/TweenJS
  A Javascript library for tweening and animating HTML5 and Javascript properties.

Mapping (read this too)

•  Bing v7 - http://msdn.microsoft.com/en-us/library/gg427610.aspx
• Google v3 – https://developers.google.com/maps/documentation/javascript/tutorial
• Leaflet - http://leaflet.cloudmade.com/reference.html
• MapQuest - http://developer.mapquest.com/web/documentation/sdk/javascript/v7.0
• OpenLayers - http://docs.openlayers.org/

Physics

• Box2DJS - http://box2d-js.sourceforge.net/
  Box2DJS is a JavaScript port of Box2D Physics Engine
• Bulletjs - http://code.google.com/p/bulletjs/
• Physijs - http://chandlerprall.github.com/Physijs/
  Physics plugin for Three.js

Multimedia

• Popcorn.js - http://popcornjs.org/
  Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web.
• Processing.js - http://processingjs.org/
  Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest. It’s not magic, but almost.
• SoundJS - http://createjs.com/#!/SoundJS
  A Javascript library that provides a simple API, and powerful features to make working with audio a breeze.

Others

• CreateJS - http://createjs.com/#!/CreateJS
  A suite of Javascript libraries & tools for building rich, interactive experiences with HTML5.
• PreloadJS - http://createjs.com/#!/PreloadJS
  A Javascript library that lets you manage and co-ordinate the loading of assets.
• Zepto.js - http://zeptojs.com/
  A minimalist JavaScript library for modern browsers with a largely jQuery-compatible API