Open Source Resources for Web Application Developers

Three.js is a lightweight Javascript 3D Engine with a very low level of complexity – in other words, for dummies. The engine can render to the typical 2D , the new WebGL 3D , and . With 20 lines of code, you can easily create a camera, then create a scene, add a cube on it, create a renderer and add its viewport in the document.body element.

Requirements: -
Demo: https://github.com/mrdoob/three.js/
License: License Free

• 2 Comments

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.

However, jRumble is currently a little buggy in Internet Explorer. A rumbleSpeed of 0 seems to break the rumble. Also, there is currently no rotation on any objects in IE. This plugin is free to use!

Requirements: jQuery Framework
Demo: http://jackrugile.com/jrumble/
License: MIT License

• 1 Comment

Gury is a simple to use utility library for drawing, animating, and managing HTML5 canvas tags. The goal is to support the HTML5 Canvas API with a framework that allows for faster/easier application development.

It was built with simplicity in mind and its usage was modeled in the image of jQuery. For instance you can initialize, style, and animate an entire scene in a single expression using chaining.

Requirements: jQuery Framework
Demo: http://guryjs.org/
License: MIT License

• 0 Comments

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML. It works with or without jQuery. Also, it degrades gracefully if JavaScript is not enabled.

There will be no HTML in your JavaScript files anymore. Tempo makes AJAX content easier to work with. It has been tested on Safari, Chrome, FireFox, Opera, and Internet Explorer 6+.

Requirements: -
Demo: http://twigkit.github.com/tempo/
License: Apache License

• 1 Comment

NowJS is a NodeJS module. The client javascript (now.js) is served by the NowJS server. NowJS creates a magic namespace “now”, accessible by server and client. Functions and variables added to now are automatically synced, in real-time.

You can call easily client functions from the server and server functions from the client. That means you can push to the client simply by calling a client-side Javascript function on the server. Communication is achieved using Socket.io

NowJS v0.2 is supported in Chrome, Opera, Safari, Firefox, and IE9. Support for older version of IE is coming.

Requirements: Node.js and Socket.io
Demo: http://nowjs.com/
License: License Free

• 0 Comments

In 2009, the White House chosen Drupal as the open source platform for its web site. If the most powerful voice in our nation chooses to tap into global innovation by using an economical, open source platform called Drupal to manage intensely scrutinized, mission-critical content each day and to effectively encourage feedback from citizens … why wouldn’t you?

OpenPublic is the product of a decade’s work in the open source network and the collective experience of building secure, scalable, transparent websites for all sectors of government and the citizens they serve.

Requirements: Drupal Framework
Demo: http://www.openpublicapp.com
License: GPL License

• 0 Comments

Amplify 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.

Requirements: jQuery Framework
Demo: http://amplifyjs.com/
License: MIT, GPL License

• 1 Comment

LimeJS is a JavaScript game framwork that allows any developer to create HTML5 based games in no time. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed.

The Current version of LimeJS supports almost all HTML5 capable browsers: Chrome, Safari, Firefox and even Opera. And of course this also covers two main mobile platforms, namely the iOS (iPad, iPhone and iPod Touch) and Android.

Requirements: HTML 5 Support
Demo: http://www.limejs.com/
License: Apache License

• 1 Comment

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and design, no JavaScript programming is required.

The JavaScript is under 25K gzipped. And it works with most modern browsers, and degrades gracefully for older browsers. However, Treesaver is still quite immature. There are still a lot of bugs that need to be fixed.

Requirements: -
Demo: http://treesaverjs.com/
License: GPL, MIT License

• 2 Comments

Isotope is an exquisite jQuery plugin for magical layouts. You can reveal & hide items with filtering and re–order items with sorting. The syntax is very simple, but the layouts can be really dynamic and intelligent. And also, there is progressively enhanced for CSS3 transforms and transitions.

However, please note that it is free for non-commercial use only. Commercial use requires purchase of one-time license fee per developer seat. You can always look at Masonry for alternatives.

Requirements: jQuery Framework
Demo: http://isotope.metafizzy.co/
License: Non-Commercial Use Only

• 3 Comments