Collection of Free and Useful Tools for Javascript Developers

Today, JavaScript take a leading place when it comes to client side programming and is used by professionals and web developers all over the world. JavaScript is a powerful language with many advanced features and frameworks like jQuery, YUI, SproutCore and Cappuccino. But it has certain disadvantages that JavaScript is not the same in all browsers and it limits and accessibility of a website. But these factors should not limit the capabilities of this wonderful language.

Collection of Free and Useful Tools for Javascript Developers

Working with JavaScript may be a bit tough for many, but we have got many tools for JavaScript developers which are not only easy to use but bring out the results in a fraction of time. With your JavaScript in hand you can do all the tasks like documentation, editing, testing, debugging and more.

You may be interested in the following related articles as well.

Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful.

Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

Free and Useful Tools for Javascript Developerss

The tools presented here greatly increase the productivity of your work in much faster way and you don’t have to spend anything on these worthy tools. We have categorized the tools that can be used for testing, debugging, generating documents, formatting, compressing and other utility libraries for JavaScript.

Quick Navigation

Documentation Tools
Compression Tools
Formatting Tools
Editors & IDE Tools
Debugging Tools
Testing Tools
Other Useful Tools
Utility Libraries and Components for JavaScript
Useful JavaScript Library and Other Tools

 

Documentation Tools

jGrouseDoc

InstantShift - Essential Web Apps for Freelancer Web Designers

jGrouseDoc is a tool allowing generation of API documentation from the comments in the source code and allows you to document all the necessary constructs, functions, cariables, classes, interfaces, namespaces and others and produces highly customisable output.

Official Link Top ↑

JS Doc Toolkit

InstantShift - Essential Web Apps for Freelancer Web Designers

JSDoc Toolkit is an application in JavaScript for automatically generating template formattes, multi page HTML documentation from commented JavaScript source code.

Official Link Top ↑

 

Compression Tools

JSCompress

InstantShift - Essential Web Apps for Freelancer Web Designers

JSCompress is an online JavaScript compressor that compresses JavaScript files using compression algorithms like JSMin and Packer and the compresses JavaScript files are ideal for production environments since they reduce the file size by 30% – 90%.

Official Link Top ↑

YUI Compressor

InstantShift - Essential Web Apps for Freelancer Web Designers

YUI Compressor is a JavaSCript minifier designed to yield a higher compression ratio than other tools. With version 2.0 the YUI Compressor compresses CSS files by using a port of Isaac Schluter;s regular expression based minifier.

Official Link Top ↑

JavaScript Compressor

InstantShift - Essential Web Apps for Freelancer Web Designers

JavaScript Compresses compresses and obfuscates your javascript files which makes them download faster, reduce bandwidth usage. This leaves the function names and global variables untouched.

Official Link Top ↑

Scriptalizer

InstantShift - Essential Web Apps for Freelancer Web Designers

Scriptalizer is an online tool to shrink your Jaca and CSS scripts and allows you to save system space by decreasing the code size. Also removes white spaces, new line characters, comments and also block limiters.

Official Link Top ↑

 

Formatting Tools

JSBeautifier

InstantShift - Essential Web Apps for Freelancer Web Designers

JSbeautifier is an online tool which reformats and reindents bookmarklets, ugly javascript, unpack scripts as well as deobfuscate scripts. Just include your code and press ‘Beautify’ button.

Official Link Top ↑

 

Editors & IDE Tools

Aptana

InstantShift - Essential Web Apps for Freelancer Web Designers

Aptana Studio is the industry leading web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript. Aptana RadRails is a complete development environment for building professional applications with rich code completion for Ruby, Rails, JavaScript, CSS, and HTML.

Official Link Top ↑

Spket IDE

InstantShift - Essential Web Apps for Freelancer Web Designers

Spket IDE is a powerful toolkit for JavaScript and XML developement and also for JavaScript, XUL/XBL and Yahoo Widget development. Provides features like code completion, syntax highlighting and content outline.

Official Link Top ↑

Komodo Edit

InstantShift - Essential Web Apps for Freelancer Web Designers

Komodo Edit is a free and open source multi language editor to write quality code in an easier way which supports PHP, Python, Ruby, Perl and Tcl, plus JavaScript, CSS, HTML and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.

Official Link Top ↑

 

Debugging Tools

GetFirebug

InstantShift - Essential Web Apps for Freelancer Web Designers

Firebug is the most powerful web development tool which is used to inspect HTML and modify style and layout in real-time, accurately analyze network usage and performance, use JavaScript debugger for any browser.

Official Link Top ↑

BlackBirdJS

InstantShift - Essential Web Apps for Freelancer Web Designers

Blackbird is an open source project which offers a simple way to log messages in JavaScript and an attractive console to view and filter them thereby reducing or completely eliminating the usage if alert( ).

Official Link Top ↑

Faux Console

InstantShift - Essential Web Apps for Freelancer Web Designers

Faux Console is a JavaScript which can be embedded in the document to have a basic debugging console in IE and you can use YUI files or console.log ( ) to log information cross browser.

Official Link Top ↑

JSBin

InstantShift - Essential Web Apps for Freelancer Web Designers

JS Bin is a web application to help JavaScript and CSS snippets of code to be tested within some context and debug the code collaboratively. Allows you to edit and test JavaScript and HTML.

Official Link Top ↑

JSON Formatter

InstantShift - Essential Web Apps for Freelancer Web Designers

JSON is a data format that is gaining popularity and is used extensively in many AJAX powered Web 2.0 sites. Many websites that offer API’s will return data in JSON format. Often the JSON provided has whitespace compressed to reduce the size of the data transferred. This site give you a quick and easy way to format the JSON so you can read it.

Official Link Top ↑

Eclipse Marketplace Client

InstantShift - Essential Web Apps for Freelancer Web Designers

Eclipse Marketplace client (MPC) is a rich client interface for browsing and installing the Eclipse based solutions. MPC provides the tight install integration between the Eclipse workspace and Eclipse Marketplace, plus other third party solution listings.

Official Link Top ↑

Venkman

InstantShift - Essential Web Apps for Freelancer Web Designers

Venkman is the JavaScript debugger for Mozilla based browsers such as Firefox 3.x, the Netscape 7.x, Seamonkey 1.x and Mozilla Seamonkey 2.x and the debugger is available as add-on package in XPI format.

Official Link Top ↑

JS.Class

InstantShift - Essential Web Apps for Freelancer Web Designers

JS.Class is a set of toole to make object oriented programs in JavaScript based on Ruby. Also provides a powerful package manager to help load your applications and supports all major web browsers including Rhino, Node.Js and Narhwal.

Official Link Top ↑

 

Testing Tools

Sugartest

InstantShift - Essential Web Apps for Freelancer Web Designers

Sugartest makes it easy to write Javascript tests, Works as a DSL running on top of JsUnitTest which has a setup and teardown routines, nested contents, no dependencies with an simple and expressive syntax and works as a DSL running on top of JsUnitTest.

Official Link Top ↑

JSLint

InstantShift - Essential Web Apps for Freelancer Web Designers

jSLint takes a javascript source and scans or spots the problems, if there is a problem then returns a message describing the problem and the location which need not be a syntax error, and also looks at the style conventions and structural programs.

Official Link Top ↑

Fireunit

InstantShift - Essential Web Apps for Freelancer Web Designers

Authored by John Resig and Jan Odvarko, FireUnit provides a simple JavaScript API for doing simple test logging and viewing within a new tab of Firebug.

Official Link Top ↑

JSUnit

InstantShift - Essential Web Apps for Freelancer Web Designers

JsUnit is an unit testing framework for client side JavaScript which is a port of JUnit and also includes a platform for automating the execution of tests on multiple browsers and mutiple machines running different OS.

Official Link Top ↑

YUI Test

InstantShift - Essential Web Apps for Freelancer Web Designers

YUI Test is a testing framwwork for browser-based JavaScript solutions where you can easily add unit testing to JavaScript solutions. Features an advanced failure detection for methods that throw errors, asynchronous tests for testing events and Ajax communication and lot more.

Official Link Top ↑

JSpec

InstantShift - Essential Web Apps for Freelancer Web Designers

JSpec is an extremely small and powerful testing framework which utilizes its own grammer and pre-processor and includes many shorthand literals, readeable syntax, Async and Rhino support, nested describes, shared behaviors, fixture support, mock Ajax and lot more features.

Official Link Top ↑

JSLitmus

InstantShift - Essential Web Apps for Freelancer Web Designers

JSLitmus is a lightweight tool to create ad-hoc JavaScript benchmarks which works on leading browsers, has an open source MIT-style licence, adaptive test cycles and also can be embedded in existing web pages or apps.

Official Link Top ↑

Obtrusive JavaScript Checker

InstantShift - Essential Web Apps for Freelancer Web Designers

Obtrusive JavaScript Checker is a used to traverse a;; elements in a web page and when it finds a HTML element with inlline events it highlights that with a red border and highlights javascript: links with a magenta border.

Official Link Top ↑

 

Other Useful Tools

Pretty pink

InstantShift - Essential Web Apps for Freelancer Web Designers

PrettyPink is an in-browser JavaScript variable dumper that enables you to print out an pbject of any type in table format for viewing during debuggin sessions. It requires no stylesheets or images, handles infinite nested objects, protects against circular / repeated references and fully validates with JSLint.

Official Link Top ↑

Firediff

InstantShift - Essential Web Apps for Freelancer Web Designers

Firediff is a Firebug extension to track changes to a DOM and CSS ie implements a change monitor which provides insight into the functionality of the application as well as provide a record of the changes and tweak the page’s display.

Official Link Top ↑

JSCharts

InstantShift - Essential Web Apps for Freelancer Web Designers

JS charts is a JavaScript Chart generator that allows you to create charts in different templates like bar charts, pie charts or simple line graphs.

Official Link Top ↑

Page Speed

InstantShift - Essential Web Apps for Freelancer Web Designers

PageSpeed is an open source Firefox / Firebug Add one which is used to evaluate the performance of their web pages and to get sugestions to improve them. Also makes your site faster, reduces the bandwidth usage and hosting costs.

Official Link Top ↑

Razor Web Profiler

InstantShift - Essential Web Apps for Freelancer Web Designers

Rockstar Web Profiler or Razor has three components namely RockStar Profiler Server for analyzing network and server side performance, RockStar Profiler Probe for analyzing client side performance and RockStar Profiler Console, an analytical console for analyzing collected performance data.

Official Link Top ↑

BaseJS

InstantShift - Essential Web Apps for Freelancer Web Designers

A mobile (safari) JavaScript framework weighs less than 8kb when minified, falls back on Sizzle selector library for iPhone, encourages CSS transitions and animations, is object oriented and easy to extend.

Official Link Top ↑

php.js

InstantShift - Essential Web Apps for Freelancer Web Designers

php.js is an open source project to bring high level PHP functions to low level JavaScript platforms such as web browsers, browser extensions, AIR and SSJS engines like V8, Rhino and SpiderMonkey.

Official Link Top ↑

JSSpec

InstantShift - Essential Web Apps for Freelancer Web Designers

JSSpec is JavaScript BehaviorDrivenDevelopment Framework which shows the difference between expected and actual values, shows exactly the failed line, supports conditional executions aupports for IE 6 or IE 7, FireFox 2 and Safari 3.

Official Link Top ↑

MochaUI

InstantShift - Essential Web Apps for Freelancer Web Designers

MochaUI is a web application user interface library built on Mootools JavaScript framework used in web application, web desktops, websites, widgets and standalone Windows and Modal dialogs.

Official Link Top ↑

Highlight.JS

InstantShift - Essential Web Apps for Freelancer Web Designers

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. Automatically finds blocks of code, detects a language and highlights it.

Official Link Top ↑

 

Utility Libraries and Components for JavaScript

Uploadify

InstantShift - Essential Web Apps for Freelancer Web Designers

Uploadify is a jQuery plugin that allows an easy integration of multiple uploads on your website which requires Flash or any backend development language. Basic implementation is quite easy and full customisation is also available for advanced users.

Official Link Top ↑

Burst

InstantShift - Essential Web Apps for Freelancer Web Designers

Burst is an example of character animation using JavaScript and HTML5 technology without using any Flash technology. The SVG file is created using Inkscape. Burst is syntactically similar to jQuery.

Official Link Top ↑

JS Test Driver

InstantShift - Essential Web Apps for Freelancer Web Designers

JSTestDriver builds a JavaScript test runner which can easily integrate with continuous builds systems and allows running tests on multiple browsers quickly to ease TDD style development and features fast test execution, full control of DOM, command line control and more.

Official Link Top ↑

Booklaylet

InstantShift - Essential Web Apps for Freelancer Web Designers

Booklaylet is a bookmarklet wrapper code to load aby other page content inside the opened window using an overlayed div and an iframe. Works on Firefox, Safari and Opera browsers and not on Internet Explorer.

Official Link Top ↑

JavaScript Tools

InstantShift - Essential Web Apps for Freelancer Web Designers

JavaScripTools is a set of JavaScript components, functions and classes where the functions perform common operations on objects, strings, arrays, form fields and more. Has a dynamic table that supports paging, sorting and editing, fully customizable using CSS.

Official Link Top ↑

LiteAJAX

InstantShift - Essential Web Apps for Freelancer Web Designers

liteAJAX is a proof of concept of a lightweight AJAX class

Official Link Top ↑

JSpdf

InstantShift - Essential Web Apps for Freelancer Web Designers

JSPDF is an open-source library for generating PDF documents using JavaScript. Can be used in a Firefox extension, server side JavaScript with Data URL’s in some browsers.

Official Link Top ↑

NarhwalJS

InstantShift - Essential Web Apps for Freelancer Web Designers

Narwhal is a cross platform, multi interpreter JavaScript platform which builds JavaScript applications and frameworks such as Nitro. Includes a package manager, module system and standard library for multiple JavaScript interpretoers.

Official Link Top ↑

 

Useful JavaScript Library and Other Tools

Table Cloth

InstantShift - Essential Web Apps for Freelancer Web Designers

Tablecloth is easy, lightweight and unobtrusive way to add style and behaviour to your html table elements. Features even / odd class anmes to alternative rows, adds over and out class names for mouse over and mouse out states.

Official Link Top ↑

Moousture

InstantShift - Essential Web Apps for Freelancer Web Designers

Moousture is a mouse gesture library written soley in javascript with power and flexiblity to mould itself for you. Implemented on Mootools following the Object Oriented standards. Library is aimed to set out a future framework for mouse guesters for any browser including modern mobile devices.

Official Link Top ↑

jQuery Tools

InstantShift - Essential Web Apps for Freelancer Web Designers

jQuery Tools is a collection of the most important user interface components for modern websites where all tools can be used togethar, extendedm configured and styled and used by large sites all over the world.

Official Link Top ↑

TipImage

InstantShift - Essential Web Apps for Freelancer Web Designers

Tipimage is used to create and manage tooltips over images, Creates rectangular portions of an image and attaches a description to each of them which is shown as a tooltip. Also supports the use of special callback functions.

Official Link Top ↑

qGallery

InstantShift - Essential Web Apps for Freelancer Web Designers

qGallery is a small commandline program that processes jpeg images and specially named files in some directory structure to form a static HTML image gallery for publishing, automatically creates thumbnail indexes, per image comments and also additional images and HTML can be added later.

Official Link Top ↑

Livepipe

InstantShift - Essential Web Apps for Freelancer Web Designers

LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework where each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers.

Official Link Top ↑

JavaScript Virtual Keyboard

InstantShift - Essential Web Apps for Freelancer Web Designers

JavaScript Virtual keyboard is a reusable system for adding a graphical keyboard interface to text fields, password fields and text areas. Also adds easy access to special characters.

Official Link Top ↑

Unobtrusive Table Action Script

InstantShift - Essential Web Apps for Freelancer Web Designers

Unobtrusive Table Actions Script can Zebra stripe the table, supports row hover, column hover and cell hover effects, can deal with rowSpans and ColSpans and fast in Internet Explorer also.

Official Link Top ↑

Glassbox

InstantShift - Essential Web Apps for Freelancer Web Designers

Glassbox is a lightweight JavaScript user interface which uses Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and “Flash-like” effects.

Official Link Top ↑

HTML JavaScript Convertor

InstantShift - Essential Web Apps for Freelancer Web Designers

HTML to Javascript Convertor takes the markup and converts it into a series of document.write( ) statements and the output is generated as document.write statements wrapped in a function or cuilds up a string function or dociment.write statements.

Official Link Top ↑

Glimmer

InstantShift - Essential Web Apps for Freelancer Web Designers

Glimmer is an interactive design tool or windows application which can easily create interactive experiences and animation and other effects also. It also generated jQuery, XHTML and CSS.

Official Link Top ↑

Bookmarklet

InstantShift - Essential Web Apps for Freelancer Web Designers

Bookmarklets are used to perform useful functions, Bookmarklet lets you create URL’s from JavaScript to bookmark it. Type your JavaScript and the rest is done by this tool.

Official Link Top ↑

Google Playground

InstantShift - Essential Web Apps for Freelancer Web Designers

Google Playground lets you edit the API code and see the results instantly, Translate as a batch or detect the language or transliterate. Also has a virtual keyboard.

Official Link Top ↑

jQuery Function Builder

InstantShift - Essential Web Apps for Freelancer Web Designers

jQuery function builder is used to create functions, Just select the trigger item(s), event handler and this tool creates the functions.

Official Link Top ↑

JavaScript Regex Generator

InstantShift - Essential Web Apps for Freelancer Web Designers

JavaScript Regex Generator generated relatively basic regular expressions where you have to just enter the test data and mark the parts which the regex should should match. Allows you to add seven groups in its beta version.

Official Link Top ↑

Compatibility Master Table

InstantShift - Essential Web Apps for Freelancer Web Designers

Compatibility Master Table contains links to the individual tables. It also has the keys to the compatibility tables stating whether it is supported completely or not or barely supported etc.

Official Link Top ↑

Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other free javaScript applications. Feel free to share it with us.

Like it? Share it.

13 Comments

  1. Huge great collection “Siva Kumar”
    This post can very useful for every developer how wants to become great web developer.

    Thanks Siva.

  2. This is a great resource! I’ll be sure to come back to this page often. Thank you so much for taking the time to compile this list.

  3. you should add microsoft visual studio express and/or script debugger for debugging JS in IE.. these two are free as well..

    http://sixrevisions.com/javascript/javascript-debugging-techniques-in-ie-6/

  4. Thanks for everyone who read this article and thought it’s useful

  5. Great share thanks guys :)

  6. Really interesting and useful, thanks!!

  7. awesome list tools….thanks a lot

  8. Its really awesum collection thanx :)

  9. cool dude:)

  10. good information, very helpful. Thanks..

  11. Wonderful tutorial..Thanks for sharing

  12. Great summary… if you are using regular expressions in JavaScript you should check out Oyster too . It has a library of downloadable regex’s as well called the Oyster Farm.

Leave a Comment Yourself

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>