15 Useful Javascript Libraries

Sam Deering

Popular JavaScript libraries such as jQuery, MooTools, Prototype, Dojo and YUI can be great for accomplishing common JavaScript tasks. These libraries provide many functions, whether the matter is related to events or effects or AJAX. And if one of these libraries can’t do the job, a plug-in probably exists that can.


1. wForms

An open-source and unobtrusive library that simplifies the most common JavaScript form functions. It offers ready-to-use form validation functions for which can be applied by adding class info to the form objects.
uploads/2011/04/wForms.jpg
Source


2. Validanguage

It is an unobtrusive JavaScript form validation framework. It has an inheritance logic whose settings can be defined globally, perform or per element.
Validanguage.jpg
Source


3. LiveValidation

It is a lightweight library that equips you with set of validation functions. Besides the classic validation methods, the library has a powerful live validation feature that controls the fields as you type.
LiveValidation.jpg
Source


4. FormReform

This tiny library transforms a classic form into a stylish layout with one, two or four columns. Forms are styled to fit any design automatically with formreform.
FormReform.jpg
Source


5. JSTweener

A tweening library for JavaScript. Its API is similar to the famous ActionScript tweening engine Tweener.
JSTweener.jpg
Source


6. Fx

A lightweight library, with a YUI-like syntax, FX can create a tween for almost any CSS property. It supports color and scroll animations. Designing the “to” and “from” values of any object/property is enough.
fx1.jpg
Source


7. Taffy DB

A JavaScript library that can be thought as an SQL database in the browser or an advanced “array manager.” It works as a database layer within AJAX’ed Web applications.
Taffy-DB-.jpg
Source


8. ActiveRecord.js

This library supports Google Gears and Chrome, Aptana Jaxer, Adobe AIR, and any platform that supports W3C HTML5 SQL Specification (Webkit and iPhone for now). It makes it easy to work with databases in JavaScript.
ActiveRecordjs.jpg
Source


9. Sylvester

This is a JavaScript library for doing vector and matrix math easily, without using a lot of loops and getting lost between arrays. It includes classes for modelling vectors and matrices in any number of dimensions and for modelling infinite lines and planes in 3D space.
Sylvester-.jpg
Source


10. Pretty Date

A smart JavaScript solution for displaying dates within the past month in a prettier and more user-friendly way. It displays dates relative to the current time; for example, “Yesterday,” “3 hours ago,” etc.
Pretty-Date-.jpg
Source


11. JavaScript URL Library

A library for handling and manipulating URLs more easily. It is possible to reach every part of a URL as a string and modify it when needed. This URL library is very new but already works as mentioned.
JavaScript-URL-Library-.jpg
Source


12. Typeface.js

An unobtrusive library for using any font on a website. Unlike popular solutions like sIFR or FLIR, typeface.js doesn’t require Flash and is 100% JavaScript.
Typefacejs.jpg
Source


13. Amberjack

A tiny JavaScript library (about 4 KB) that helps you add good-looking website tours to your website. Once activated, a modal box guides users by displaying any type of content.
Amberjack.jpg
Source


14. JsLoad

Remote loading API of JavaScript library. JsLoad is simple API that enables you to import big JavaScript libraries from Google server. JsLoad load dependencies of any version of the library automatically.
JsLoad.jpg
Source


15. Custom JavaScript Dialog Boxes

A lightweight library (about 4.5 KB) for creating custom dialog boxes. Four boxes can be displayed: alerts, warnings, prompts, success. With a simple function, you can specify the title of the box, the content to be shown and how many seconds to show it for.
Custom-JavaScript-Dialog-Boxes-.jpg
Source

Win an Annual Membership to Learnable,

SitePoint's Learning Platform