Chart.js - A JavaScript Library For Easy Graphs For Designers & Developers

Chart.js is a JavaScript library which allows you to create graphs for the client-side easily using an object-oriented approach. Chart.js provides 6 ways of representing your data, with each being animated and fully customizable.

Chart.js can display your data in form of line charts, bar charts, radar charts, pie charts, polar area charts, and donut charts. The library uses HTML5 Canvas to display the graphs and has polyfills for IE7/8.

Chart.js is also very lightweight and dependency free, weighing in at only 4.5KB (minified & gizpped).

Requirements: None
Website: http://www.chartjs.org/
Demo: http://www.chartjs.org/
License: MIT License

Intro.js - A JavaScript Library For Tour Guides For Websites

Intro.js is a JavaScript library for guided tours for your websites. It uses data attributes within your HTML to feed the library with the data needed to operate.

You can navigate through the tour using mouse and keyboard shortcut keys. The library makes use of overlays and popups to focus the user’s attention to the proper part of the page being toured.

Intro.js is lightweight, weighing in at 7KB, with #KB of CSS code. Intro.js is supported in all modern browsers, including IE8+.

Requirements: None
Website: http://usablica.github.io/intro.js/
Demo: http://usablica.github.io/intro.js/
License: MIT License

Countable.js - A JavaScript Library For Live Paragraph, Word & Character Counting

Countable.js is a small JavaScript library which allows you to present the number of paragraphs, words and characters from a text area to any HTML element of your choice.

The library updates the counts in real-time and is very easy to use.  Countable.js might find application in areas where text length limiting is necessary, such as comment length, description length, etc.

Requirements: None
Demo: http://radlikewhoa.github.com/Countable/
License: MIT License

lunr.js - A JavaScript Library For Simple Full-Text Search In Your Browser

lunr.js is a JavaScript library which implements a full-text search in your browser in a simple and easy way. lunr.js is designed to be small and fast, without you needing a server-side engine to implement the search engine.

lunr.js also has inbuilt filtering of stop words, which are common words in search queries which do not affect the way pages are retrieved.

lunr.js has no external dependencies and is written using ECMA5. Hence for browsers which do not support the latest version of JavaScript, you might need to use a shim.

Requirements: None
Website: http://lunrjs.com/
Demo: http://lunrjs.com/example
License: MIT License

ZEON.js - A Bookmarklet To Find Errors in JavaScript Code Displayed Within Textareas

ZEON.js is a bookmarklet which when applied to a page finds all textareas which contains JavaScript code and applies error checking to them.

It then shows which errors are found in the code along with with helpful hints on the nature of the errors. ZEON.js could be a useful learning tool as well as a good tool for quick prototyping.

Additionally ZEON.js allows you to minify the code displayed in the textarea and beautify it on the fly too.

Requirements: None
Demo: http://zeonjs.com/
License: Free

Instano.js - A Library For Instant noscript Message On JavaScript Disable

Instano.js is a JavaScript library which allows you to detect whether JavaScript has been turned off after the page has been loaded.

It then modified the noscript tags to display its contents immediately and also provides callback functions which you can hook onto when JavaScript is enabled or disabled.

Instano.js works in all modern browsers except Internet Explorer. It uses plain JavaScript and @keyframe CSS animations to display the messages.

Requirements: None
Demo: http://laucheukhim.github.com/instano/
License: MIT License

Resemble.js - A JavaScript Library For Image Analysis & Comparison

Resemble.js is a JavaScript library which allows you to perform image analysis and comparison in the browser, using JavaScript and the HTML canvas.

You just need to supply an image and the library will compute the RGB values of the image as well as well as it’s brightness.

With Resemble.js you can also perform comparison between two images easily. You can ignore colors and antialiasing while comparing the images, with Resemble.js giving you a true or false on whether the images are same or not.

Requirements: None
Demo: http://huddle.github.com/Resemble.js/
License: Free

Emblem.js - A New Templating Language That Compiles To Handlebars.js

Emblem.js is a new templating language which compiles down to the popular Handlebars.js templating engine.

Emblem.js is an indentation based templating language, similar to Slim, Jade, HAML, etc. It compiles to Handlebars; full compatibility with both custom and built-in Handlebars helpers.

Emblem.js is also has Ember.js-friendly syntax and full compatibility with auto-updating functionality.

Requirements: Handlebar.js
Demo: http://emblem-test.herokuapp.com/
License: MIT License

PeerJS — A JavaScript Library For True Peer-To-Peer Data In The Browser

PeerJS is a JavaScript library which acts as a wrapper for WebRTC and allows you to create peer connections very easily. With PeerJS you can create such a connection in just 3 lines of code.

PeerJS deals with the WebRTC handshake and allows connection by peer ID. However, to establish a connection, you need a PeerServer. This is written in Node.js and you need to set it up.

No data passes through the server – it is only used to broker the connection between peers.

Requirements: Node.js
Website: http://peerjs.com/
License: MIT License

Nanoko - A Professional JavaScript Framework For Modular Applications

Nanoko is a JavaScript framework which allows you to write highly modular web applications. With Nanoko, every piece of functionality or GUI is packaged as a module.

Each module is independent of each other, thus allows you to add and remove modules as you please, without breaking your application. Nanoko also has an integrated build system which allows you to concentrate on coding and less on building.

Requirements: None
Website: http://www.nanoko.org
License: Free

SVG.js - A Lightweight JavaScript Library For Manipulating & Animating SVG

SVG.js is a lightweight JavaScript library which allows you to easily manipulate and animate SVG. SVG.js comes with a whole plethora of methods such as create, move, center, clone and more.

There are also lots of animation methods such as animate move, size, rotate, skew, easing, etc. You can check out the test suite for a demo on all the animations.

The library itself is very small, 5KB gzipped, with support for extensibility and plugins.

Browser Compatibility

• Firefox 3+
• Chrome 4+
• Safari 3.2+
• Opera 9+
• IE9 +
• iOS Safari 3.2+
• Android Browser 3+
• Opera Mobile 10+
• Chrome for Android 18+
• Firefox for Android 15+

Requirements: None
Demo: http://svgjs.com/test/
License: MIT License

hexagonal.js - A Clean Architecture Single Page Apps JavaScript Library

hexagonal.js is a JavaScript library which allows you to build single page applications easily. hexagonal.js is based on the Hexagonal Architecture and allows you to take advantage of it to create web apps.

With hexagonal.js, the business logic of your application is made the heart of it, then using adapters/ports allows you to build GUIs, APIs around the core.

Requirements: None
Demo: https://github.com/hexagonaljs
License: MIT License

jWebAudio - JavaScript Web Audio Library Designed For Games

jWebAudio is a JavaScript library, which also comes in as a jQuery plugin, designed as a Web Audio library for games. jWebAudio provides a simple API ontop of Web Audio, which allows you to easily manipulate audio in your games.

jWebAudio provides functions like fade in, fade out, multishot and more which are targeted at game development. You also get basic controls like play, pause, stop, volume, mute, seek and loop.  jWebAudio also allows you to add sound effects in a simple fashion, including 3D effects.

The standalone jWebAudio library weights in at only 9.0KB minified, but is feature packed.

Requirements: None
Demo: http://01org.github.com/jWebAudio/index.html
License: Apache License v2.0

Parallel.js - A JavaScript Library For Parallel Computing Using Web Workers

Parallel.js is a JavaScript library which allows you to perform multi-core processing in JavaScript. Despite fast JavaScript engine like Google V8 engine, JavaScript is inherently single-threaded.

Compared to other languages like Java, this might seem like a disadvantage. However, Parallel.js solves this problem by giving you a high level access to multi-core processing using web workers.

As long as your browser supports web workers, you can have parallelism in your JavaScript applications.

Requirements: None
Demo: http://adambom.github.com/parallel.js/
License: CC 3.0 License

Cinnamon.js - A JavaScript Library To Find In-Page Text Using Synonym

Cinnamon.js is a JavaScript library which allows you to find in-page text using synonyms. Consider the following scenario. You have a link to your Twitter profile on your blog, which the anchor text being @your_username.

You then have a visitor who wishes to follow/interact with you via Twitter. The first thing that comes into his find is to search the page for the word Twitter. However since you’ve linked to your Twitter profile using your username as anchor text, the search does not yield any result.

This is where Cinnamon.js steps in. It allows you to attach search terms to elements and allows those elements to be included in the search results of browsers. This way, accessibility is improved and you help users find what they are looking for in an easier manner.

Requirements: None
Demo: http://thomaspark.me/…/cinnamon-js-…synonyms/
License: MIT License

Vesper HTML5 Audio Player - Fully Featured Music Player With Last.fm Artworks

Vesper HTML5 Audio Player is a fully featured HTML5 audio player with a nice UI. It is very lightweight in size, weighing in at only 14KB and supports Last.fm artworks.

Integration is very easy, with you needing to only include the stylesheet and the JavaScript with the proper HTML5 markup in your page.

Requirements: None
Demo: http://firezenk.github.com/html5player/
License: MIT License

Flight - A Lightweight, Component-Based JavaScript Framework From Twitter

Flight is a lightweight, component-based JavaScript framework from Twitter. Unlike other JavaScript frameworks which are based around the MVC pattern, Flight maps behavior directly to DOM nodes.

Flight is agnostic to how requests are routed or which templating library you decide to use. Flight enforces strict separation of concerns. Components in Flight do not engage each other directly.

They broadcast their actions as events and those components subscribed to those events can take actions based on them. To make use of Flight, you will need the ES5-shim and jQuery along with an AMD loader.

You can learn more about flight by checking out their full documentation and by checking out their simple email client demo.

Requirements: jQuery, ES5-shim, AMD Loader
Website: http://twitter.github.com/flight/
License: MIT License

howler.js - A Modern Web Audio JavaScript Library

howler.js is a modern JavaScript library for web audio. The library was initially developed  for an HTML5 game engine, but can also be used for web applications.

howler.js has several feature like fallback to the Web Audio API, fallback to HTML5 audio.  It also has support for multiple file formats which in turns increases support for many browsers.

howler.js also has automatic caching for Web Audio API, implements cache pool for HTML5 audio and more. howler.js allows you to play multiple files all at once with fade in/out effects. It is a standalone JavaScript library weighing at only 5KB.

Requirements: None
Demo: http://goldfirestudios.com/howler.js…Javascript-Library
License: MIT License

Opentip - An Open Source JavaScript Tooltip Framework

Opentip is an open source JavaScript tooltip framework which works with any JavaScript library like jQuery, Prototype, Ender, etc.

Opentip provides you with different styles and allows you to create your own easily.  Tooltip data can be fetched using AJAX as well. You can use joints and targets to position the tooltips exactly where you want to.

Opentip also allows you to point the tooltips in any directions you wish. The tooltips are created using the canvas, which means they render properly in nearly every browser.

Another great feature of Opentips is that tooltips created using the framework are always rendered inside the browser window.

Browser Support

Opentip works in all modern browsers including Google Chrome, Firefox, Opera Safari and IE7+.

Requirements: None
Demo: http://www.opentip.org/
License: MIT License

Behave.js - A JavaScript Library To Add IDE-Style Behavior To HTML Text Areas

Behave.js is a lightweight JavaScript library which allows you to augment plain HTML text areas to have IDE-like behavior.

Behave.js includes several features as listed below:

• Replace Tab – Pressing the tab key will insert a tab character in the text area instead of cycling through control on the page.
• Soft Tabs – Instead of using the tab character to denote tabs, spaces are used instead, with the ability to set the soft tabs size.
• Auto Open - Behave.js automatically inserts closing counterpart characters for ( { [ “ and ‘.
• Overwrite Closing Characters – If you type a closing character immediately preceding the same character, one of the duplicate characters is deleted.
• Auto Strip – If the cursor is placed between two paired characters, pressing backspace to delete the first character results in both characters to be deleted.
• Auto Indent – Using this option allows Behave.js to auto indent your code.

Naturally, all of the above options are optional and can be activated and  deactivated as required.

Requirements: None
Demo: http://jakiestfu.github.com/Behave.js/
License: MIT License