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

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

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

Galleria

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

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

corner.js

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.

CurvyCorners

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

dTree

dTree is a free JavaScript tree menu.

E2 Photo Gallery

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

jGlideMenu

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

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

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

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

Ingrid

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

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

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

jNice

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

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

jsTree is a javascript based, cross browser tree component.

Lytebox

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

Milkbox

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

Pagination

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

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.

mooSocialize

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

MooWheel

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.

noobSlide

noobSlide

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

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

Prototip

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.

prettyCheckboxes

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

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.

SmoothGallery

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

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

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

TreeView

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

TripTracker

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

Validation Widgets

Spacegallery

Again another image gallery.

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

Recent articles
Powerful JavaScript Applications Optimized for Mobile Platform with QRCode
10 Awesome CSS3 Tips & Tricks
Awesome WebGL Experiments with Stunning JavaScript Applications
Basis of JavaScript Structure with Dojo
2 Useful Tips about JavaScript Conditionals
Awesome JavaScript Tutorials to Create JavaScript Animations
Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes
16 Best JavaScript Libraries for Wrapping HTML5 Canvas
CSS3 box-shadow Property Basics
Best jQuery / JavaScript Color Pickers


Top view articles
65 Free JavaScript Photo Gallery Solutions
Top 10 Beautiful Christmas Countdown Timers
Top 50 Most Addictive and Popular Facebook mini games
50+ Beautiful Resources of HTML Form using CSS and JavaScript
HTML5 Web Workers Multithreading in JavaScript
Top 10 Best JavaScript eBooks that Beginners should Learn
Using JavaScript to Change Your Web Page Font Size
Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes
Top 10 Free Web Chat box Plug-ins and Add-ons
The Ultimate JavaScript Tutorial in Web Design


Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com