Awesome Collection of JavaScript for Web Designers

I just found awesome collection for JavaScript for from “WebDesignerWall”,
really according to today’s trend JavaScript is must have enhancement
of all web designers. Rather than the flash web designers can create
flashy effects using low KB JavaScript and most useful thing it helps a
lot in SEO if we use JavaScript for animation rather than Flash.

Here is that great list…

Image Zoom and Popup


You’re probably very familiar with Lightbox — a light Javascript used to display overlay images on the current page. The original Lightbox
was released in 2005. Since then, there are many scripts released with
similar features using different approaches and Javascript libraries.

jQuery lightBox Plugin

This is exactly the same as Lightbox JS, but written on top of jQuery library.


Thickbox is a jQuery plugin that is very similar to Lightbox, but
comes with more features. It allows you to display: single image,
multiple images, inline content, iframed content, or content served
through AJAX in a hybrid modal.

Note: Web Designer Wall uses Thickbox to display the gallery images and tutorial demos.

Highslide JS

Highslide JS serves the same purposes as Thickbox, but it has the zoom effect and allows you to drag the overlay window.


FancyBox is a jQuery plugin that is designed to replace the overused
Lightbox. It has similar features, but better transition effects (the
design is Mac-like).


jQZoom allows you to show a magnified image of the thumbnail. This
technique is commonly used in eCommerce websites (check out the Gap site for a sample).

Gallery and Slideshow

Slideshow 2! for Mootools

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


Using mootools v1.11, this javascript gallery and slideshow system
allows you to have simple and smooth (cross-fading…) image galleries,
slideshows, showcases and other cool stuff on your website.

jQuery Galleria

Galleria is a javascript image gallery written in jQuery. It loads
the images one by one from an unordered list and displays thumbnails
when each image is loaded. It will create thumbnails for you if you
choose so, scaled or unscaled, centered and cropped inside a fixed
thumbnail box defined by CSS.


NoobSlide is a MooTools class that lets you create timed slideshows and sliding panels. Visit the website to view the demos.

Product Slider (demo)

This shows a demonstration of a slider widget from the jQuery UI library used to create the product slider as seen on the Apple - Mac website.



jCarousel is a jQuery plugin for controlling a list of items in
horizontal or vertical order. The items, which can be static HTML
content or loaded with (or without) AJAX, can be scrolled back and
forth (with or without animation).

YUI 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. The
content can reference static HTML content or the list items can be
created dynamically on-the-fly (with or without Ajax).

DynamicDrive - Carousel Slideshow

Carousel Slideshow is a fabulous DHTML script for the showcasing of
images on your site. It displays images in a 3D, carousel fashion.

iCarousel - MooTools

iCarousel is an open source (free) javascript tool for creating
carousel like widgets. You can use iCarousel as news ticker/scroller or
image gallery slider.