50+ Indispensable JavaScript, jQuery codes for Web Developers

Today in this post, jsB@nk would like to show you another list of 50+ very helpful JavaScript source codes, JavaScript tools and excellent jQuery plug-ins that cover all fields: picture viewers, image slideshows, chart creators, awesome multi-level menus, etc.

Please go to the inner post page for full list, or try some others:
- 35 High-Class JavaScript and jQuery Tutorials for Advance Web Developers
- Amazing Website with Awesome JavaScript and HTML5 effects
- Ultimate of Awesome Tools for JavaScript Developers
- Awesome Sites with Wonderful JavaScript effects using jQuery
- Ultimate List of Web Development Resources with JavaScript, HTML, CSS and Books

Sampled by © JavaScriptBank.com

Updated: April 22th, 2013

Here we have prepared a long list for JavaScript effects. It include effects like photo gallery, social network, making graphical plots, creating tool tips and so on. If you are a web developers, you will not miss this list. You may get some inspiration from them. Now let's start.


BetterTip is a plugin for the jQuery library that allows you to create custom tool tips.

Carousel Component

The Carousel component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically. The content can be scrolled back and forth with or without animation.

35mm Photo Viewer

This DHTML-driven browser-based app provides viewing of photos sorted by collection.

Animated Collapsible DIV v2.4

This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. It's a popular JavaScript effect on many social networking / comment sites.


Flot is a pure JavaScript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.


Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.


CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.


corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean.


A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.


dTree is a free JavaScript tree menu.

E2 Photo Gallery

Create multiple galleries for your photos to organize and present your photographs/videos.


jGlideMenu is an updated version of the fastFind Menu that supports inline and AJAX Navigation Menu definitions and uses an easier syntax than the original version.


GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects.


Glossy.js 1.8 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js).

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.


iCarousel is an open source (free) JavaScript tool for creating carousel like widgets.


Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

jQuery Portlets

Based on AJAX, this small widget allows to integrate many many bookmarks for every post on your blog, website etc.


jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.


jGrow is a jQuery plug-in that makes the textarea adjust its size according to the length of the text.


Create custom looking form elements, that function like normal form elements

jQuery Calculation Plug-in

The Calculation plug-in is designed to give easy-to-use jQuery functions for commonly used mathematical functions.

jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects.

jQuery Flash Plugin

A jQuery plugin for embedding Flash movies.

jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery's selector.


minishowcase is a small and simple PHP/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.

Mobile Tooltip Widget for GWT

It is a mod version of the tooltip widget which supports mouse movement event.


jsTree is a javascript based, cross browser tree component.


Its purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js.


It will be based on mootools 1.3, and it will have new features like object gallery definition, flashvars, html files, and more!!!


When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.


PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.


Based on ajax, this small widget allows to integrate many many bookmarks for every post on your blog, website etc.


MooWheel created a circular data visualization allowing a user to easily and clearly show the connections between elements in a group.

Nifty Corners Cube

Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images.



Open Flash Chart

Open Flash Chart is open source. It is free to use and you get the source code to fiddle with!


Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page


Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

Prototype UI

Prototype UI is a javascript library based on Prototype (1.6) and Script.aculo.us (1.8). It's a library of User Interface components, based on a common fundation classes, which could be easily used by various web applications.


This jQuery plugin is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.


prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes. It's a full blown media lightbox.

Slider Gallery

It is one of the new web development tools for the Mac and it's popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design.

Slideshow 2

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.


Unlike other systems out there, JonDesign's SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 24kb.


Reflex.js 1.5 allows you to add a Cover Flow effect (including reflection) to images on your webpages. *Cover Flow is a trademark of Apple Inc.

Sexy Sliding Menu for script.aculo.us

It is a sliding menu using script.aculo.us.


simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source.

Spry Effect


The YUI TreeView Control provides a rich, compact visual presentation of hierarchical node data.


The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.

Validation Widgets


Again another image gallery.

Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
Vue.js developers: hire them, use them and get ahead of the competition
3 Reasons Why Java is so Popular
Migrate to Angular: why and how you should do it
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB
WordPress Landing Page Conversion Essentials to Convert More
Lifeasapa and Neurosphere

Top view articles
Top 10 Beautiful Christmas Countdown Timers
65 Free JavaScript Photo Gallery Solutions
Best Free Linux Web Programming Editors
Top 50 Most Addictive and Popular Facebook mini games
Top 10 Free Web Chat box Plug-ins and Add-ons
Top 10 Best JavaScript eBooks that Beginners should Learn
50+ Beautiful Resources of HTML Form using CSS and JavaScript
The Ultimate JavaScript Tutorial in Web Design
HTML5 Web Workers Multithreading in JavaScript
10 Great JavaScript Frameworks for Faster JavaScript Application Development

Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com