In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don’t forget to check out the sample sites, which show how the plugins can be used.

The Two Popular Javascript Frameworks

Right now, the two commonly used Javascript frameworks are: jQuery and MooTools. Check out the poll below:


Image Zoom and Popup

sample site
sample site
sample site
sample site
sample site
sample site
sample site


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

sample site
sample site
sample site
sample site

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.


sample site
sample site
sample site
sample site


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.

Panel Slider

sample site
sample site

Coda Slider Plugin

Coda Slider is a jQuery plugin that imitates the panel sliding effects as seen on the Coda website.

jQuery Coda Slide Tutorial (demo)

This is a tutorial from jQuery For Designers to show you how to create the Coda panel slider.

Sliding Tabs (demo)

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site, which in turn was very similar to a widget used in the iTunes Music Store.


sample site
sample site
sample site

jQuery UI Tabs

jQuery Tabs is a powerful and flexible jQuery plugin that lets you create customizable tab navigation (highly recommended).

jQuery Tabs Tutorial (demo)

Another awesome tutorial from to show you how to create a basic tab navigation with jQuery.


MooTabs is a tiny(3kb) class for MooTools. As the name suggests, its main purpose is to help out with the creation of simple tab navigation.

Sliding Tabs Tutorial (demo)

A tutorial from to show you how to create a sliding tab with jQuery.

Scroll to Anchor

sample site
sample site
sample site

jQuery ScrollTo (demo)

A very flexible jQuery plugin that lets you create scrolling animation to any position of a web page with customizable erasing and speed options.

SmoothScroll (demo)

A simple MooTools script that creates smooth scrolling to anchors on a web page.

Animated Scrolling with jQuery

Learning jQuery shows you how to create an animated "scroll to anchor" with just a few lines of code.


sample site
sample site

jTips (demo)

A customizable jQuery plugin that displays tooltip popup — with either static html text or Ajax content.

jQuery Tooltip Plugin (demo)

Another nice Tooltip plugin.

Tooltip and Image Preview (demo)

A very simple jQuery script that displays tooltip and image preview (I use it on Best Web Gallery).


sample site
sample site
sample site

jQuery Accordion (demo)

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Sidebar Accordion (demo) shows you how to create the accordion slider as seen on the Apple website.

MooTools Accordion

The Accordion gives you a fancy way to show only the content you really need.

MooTools Image Menu

Image Menu is a MooTools plugin that creates the horizontal accordion image menu.

Flash and Image Text Replacement

sample site
sample site
sample site

sIFR 3 (demo)

sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash.

jQuery sIFR (demo)

A jQuery plugin that does the sIFR for you.

FLIR (demo)

Facelift Image Replacement is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers.

CSS Stylesheet Switcher

sample site
sample site

A List Apart – Alternative Style

The original stylesheet switcher by Paul Sowden. Believe it or not, this trick was invented in 2001 (not a modern trick after all).

Switch Stylesheets with jQuery (demo)

Stylesheet switcher with jQuery.

MooTools Styleswitcher (demo)

CSS stylesheet switcher with MooTools.

Form Styling

sample site
sample site
sample site

FancyForm – MooTools (demo)

A MooTools plugin that replaces the browser default checkboxes and radio buttons with custom styles.

PrettyCheckboxes – jQuery

Same as FancyForm, but using jQuery library.

jQuery Selectbox Plugin (demo)

A simple plugin that allows you to replace the form select list with custom styles.

Custom Checkboxes, Radio Buttons, Select Lists

Give your form a complete makeover with this Javascript and CSS.

jQuery Form Input Example Plugin (demo)

A jQuery plugin that gives user hints on what to enter in the input fields.

Unobtrusive Slider Control V2 (demo)

This script lets you create custom slider controls associated with input fields.

More Form styling links at…

Form Validation

sample site
sample site

jQuery Validate (demo)

A very plugin that allows you to build client-side validation and Ajax form.

MooTools Validate

A MooTools form validation plugin (similar to jQuery Validate).

JSValidate (demo)

JSValidate is a form validator that utilizes aspects of prototype and scriptaculous to bring you a simple to execute, non-intrusive javascript form validator. With minimal setup, your forms can be processing clean data in no time at all.


Sep 2, 2008 at 3:03 am

I must say that jQuery is my favorite, it feels easy and quick to work with. Nice post, keep up the good work.

Sep 2, 2008 at 3:18 am

I had to give it to jQuery as well. I’m a rookie when it comes to javascript, and that library was simply plug and play.

Sep 2, 2008 at 3:20 am

I really enjoy working with jQuery… tought at the start but becomes second nature after some stressfull times:) .. This site just gets better and better keep it up.

Sep 2, 2008 at 3:20 am

Nice list. One addition to form validation could be the LiveValidation script from I’ve always found it useful and very easy to use.

Sep 2, 2008 at 3:22 am

Not a single prototype.js plugin? It’s currently third in the above poll…

Sep 2, 2008 at 3:29 am

very nice list. some plugins where new to me. thanls for that!

Sep 2, 2008 at 4:09 am

nice post, i am using jQuery and mootools a lot.

Sep 2, 2008 at 4:28 am

Very nice js showcase :)

David Hellmann
Sep 2, 2008 at 4:45 am

Good overview about a lot of scripts. thanks!

Simon Norris
Sep 2, 2008 at 5:01 am

I’ve player with jQuery and MooTools, but had to give up because the one thing I found impossible with these frameworks is getting cross-browser compatability, especially with ie6. I know I could just ignore ie6, but most of my clients still use it. Is it just me?

Sep 2, 2008 at 5:23 am

Thank you very much

Bruce Alrighty
Sep 2, 2008 at 5:31 am

Nice Collection.

jQuery sIFR link does not work.

Look Smog
Sep 2, 2008 at 6:06 am

Thanks for this list. I’m fan of jQuery FW.

Mr B
Sep 2, 2008 at 6:08 am

Great showcase! Thanks

Sep 2, 2008 at 6:12 am

nice list, bookmarked!

Sep 2, 2008 at 6:32 am

great list again.atlast your back:)

Sep 2, 2008 at 6:34 am

JQuery and Mootools are different. I wouldn’t call JQuery a framework, it’s more of a shortcut to javascript with an extensive plug-in library. Mootools seems to be a proper framework. It’s just a shame that their documentation is so poor that most front enders can’t grasp the overall concept. If you’re new to javascript, I’d suggest using JQuery to avoid the steep learning curve that comes with “object-oriented” scripting in Mootools.

Sep 2, 2008 at 7:20 am

This is a great resource, while i’d heard of most of them there are a few really hot additions to my list now! The Image replacement will be very useful. However, I’m amazed that you missed Adobe’s superb Spry framework off of this list! And what about the Yahoo user interface which is also pretty good?

Sep 2, 2008 at 7:35 am

This is the greatest resource of Javascript Frameworks.

Sep 2, 2008 at 8:22 am

the info was very usefull,thnq

Kurt Cruse
Sep 2, 2008 at 8:32 am


Jason Bates
Sep 2, 2008 at 8:36 am

Awesome list, love the javascript links, thanks, i didnt know about some of them frameworks and scripts, thanks!

Graphic Design Capalaba
Sep 2, 2008 at 8:38 am

Yes a very nice collection you have assembled. Worth a bookmark!

Rick Bjarnason
Sep 2, 2008 at 8:45 am

Wow great list. I am looking for something like this right now!! Was wondering thought does anyone know of any other JavaScript plugins just for text?? I am looking for something to enhance one particular line of text on a site I am working on. I might use the image text replacement but… looking for something with a little pizazz

Eric Martin
Sep 2, 2008 at 8:48 am

I started using Mootools in early 2007, but by the middle of 2007, I switched to jQuery and haven’t looked back since ;)

There are a lot of talented people working on both frameworks, but for me, jQuery fits my needs better and besides…it just works. I’m still amazed with the things I can do in jQuery.

One popular category not covered was Modal dialogs. jQuery has a number of related plugins used for things other than just “Image Zoom and Popup”.

Full disclosure: I am the author of SimpleModal.

Rahul Das
Sep 2, 2008 at 8:54 am

Nice list. Should prove to be very useful whenever I get into development mode. Thanks :)

Sep 2, 2008 at 8:54 am

What about overlib?

Sep 2, 2008 at 8:57 am

Excellent, thks a lot for this content. I’d hope this comparaison … I’ve a lot problem to decide what is the best of component…

Sep 2, 2008 at 9:03 am

Thanks for this list, it will come in very handy!

Sep 2, 2008 at 9:10 am

Thanks! very useful!

Sep 2, 2008 at 9:13 am

Thanks for your recommend.

Htoo Tay Zar
Sep 2, 2008 at 9:22 am

Amazing Lists!! I didn’t know some of them.. thanks bookmarked!!

Todd Smith
Sep 2, 2008 at 9:23 am

You’ve done a lot of work… Thank you for assembling such a great list of resources.

Sep 2, 2008 at 9:30 am

OMG! You are a saint!
I have 4 months working as a web designer (oficially) and I still have million of things to learn. Ive been looking for this a lot! honestly thank you very much.
I LOVE this site.

Sep 2, 2008 at 10:01 am

i accessed this page with javascript turned on stupidly (i nearly always have it turned off) and it made safari crash, losing all the pages i had open.

*that* is what javascript is all about to me.

Sep 2, 2008 at 10:08 am

Awesome as usual. Thanks :D

Sep 2, 2008 at 10:14 am

Great guide, there are some really cool plugins in there. I’ll be playing with them!

Sep 2, 2008 at 10:18 am

im only just reading about mootools, really helpful links thanks!

Shannon Snow
Sep 2, 2008 at 10:21 am

These plug-ins and tutorials are great! As a designer, learning javascript is tough for me. jQuery has certainly been easier for me to learn, but I’m loving mootools and some of these look like a lot of fun!

William Li
Sep 2, 2008 at 10:44 am

Amazing stuff. Flir is ace, shame you need to pay for it though…

Sep 2, 2008 at 10:44 am

Very nice and very useful.

Ad Manager
Sep 2, 2008 at 10:55 am

Very nice collection. We use jQuery because we love their slogan “write less, do more”. And since the main lib file is loaded, why not go with jQuery’s plugins instead of loading an extra/another lib.

Rodolpho Arruda
Sep 2, 2008 at 11:30 am

Very handy. Thank you!

Sep 2, 2008 at 11:50 am

Interesting list. I myself am a front end developer and have been using prototype with the Scriptaculous extension for 2 years. I mean ive been using this framework intensely, creating a whole CMS with a drag and drop front-end. Movable site tree structures and fluid page content via Dragging & Dropping elements around the page. However It seems they haven’t put out any updates for it since January, which has me a little worried. Think i might down tools and look into jQuery, it seems to be by far the most popular choice and has a large community following, thus pushing the development of new plug-ins etc. What are other peoples views? Any recommendations. Hope i haven’t made the wrong framework choice :S

Sean McArthur
Sep 2, 2008 at 12:00 pm

@Drewid: jQuery is definitely the most popular, and while I’m biased towards Mootools, I would especially recommend Mootools to you since you’re coming from Prototype. Mootools is essentially an updated, optimized, and better Prototype. It handles Classes in much the same way, along with everything else you’d expect from Prototype, and it has an active community.

Sep 2, 2008 at 12:16 pm

Thank you!
Very complete list!

Sep 2, 2008 at 12:44 pm


Very nice post, I prefer jquery myself.

Sep 2, 2008 at 12:48 pm

I was looking for these scripts… Helped a lot!
Thank you! ;)

Sep 2, 2008 at 1:00 pm

Very nice, thanks for the list.

Good Web Sites
Sep 2, 2008 at 1:17 pm

Thank you!
Very complete list!
my website is about earth

Antoine Lépée
Sep 2, 2008 at 2:11 pm

thanks for these review and the listing :)
It will be really useful ^^

Sep 2, 2008 at 2:30 pm

ovvv very very thnx and very beatiful blog ;)

Sep 2, 2008 at 2:47 pm

Wow! Stunning collection, I’ll have to have a look. Thanks for the amazing post! =)

Sep 2, 2008 at 2:48 pm

Wonderfull! Love to see this list!

Sep 2, 2008 at 4:05 pm

Great! can’t wait to check this list out

Sep 2, 2008 at 4:16 pm

Thank you so much for these! I’ve always been interested in putting Javascript effects with my works.

Sep 2, 2008 at 4:34 pm

nice list, but you forgot one:

Sep 2, 2008 at 4:34 pm

Great rundown of modern JS… it’s always been something that’s slightly intimidating (and a job in itself to keep up with the latest updates), so seeing a nice little list like this definitely demystifies the whole issue. Thanks a ton for this post – I’m sure I’ll be coming back to this one in the future.

Sep 2, 2008 at 6:09 pm

This is great! Thanks Nick.

Sep 2, 2008 at 7:47 pm

Thanks once again for a wonderful list of resources!

Max Weir
Sep 2, 2008 at 8:21 pm

Wow! Fantastic post! Great list of amazing resources, thanks

Brent Dickens
Sep 2, 2008 at 8:37 pm

Good to see some great advice and coverage on implementing javascript into sites.It’s exciting to be able to offer some animation and clever loading etc for clients.

Sep 2, 2008 at 10:07 pm

good job~~

Sep 3, 2008 at 2:37 am

hmmm, nice list of good scripts… perfect job

Sep 3, 2008 at 3:43 am

Now that is some list. This will be bookmarked for sure. I am going to implement some of these scripts to existing sites, and any I work on in the future (if necessary). Great research Nick. Very much appreciated.

Sep 3, 2008 at 4:45 am

On my site I have my own special fx with mootools.
Don’t see it in any of the above ( link ).

Sep 3, 2008 at 5:13 am

yet again excellent post! i love the smooth scrolling! I have used a couple of these techniques on my site!

Sep 3, 2008 at 5:34 am

thanks .

David Henderson
Sep 3, 2008 at 6:13 am

Thanks for the article. Very helpful.

Dionis Loire
Sep 3, 2008 at 8:09 am

Wow, thank you so much! I always wondered when someone is going to put all of these in a neat & organized list. Thanks again!

Sep 3, 2008 at 8:55 am

This opens my mind…
Thanks for listing up all available scripts.

Sep 3, 2008 at 9:24 am

Very good Techniques & Scripts. I love them because is a way to avoid working with Flash, to do effects and work with indexed elements by the robots. I also use some tricks on my Website.

Sep 3, 2008 at 10:56 am

Thanks for the great tools! Would it be possible to do a similar post, but featuring WordPress plugins instead? I’d love to easily spice up my blog with some of this stuff.

Sep 3, 2008 at 11:13 am

Gooood. Its nice inspiration. Thank you lot!!!!!!!

Sep 3, 2008 at 2:43 pm

Thanks alot for this collection, great inspiration!

Sep 3, 2008 at 3:22 pm

Very nice, I have seen many of these, but It’s always nice to see new modals.

Sep 3, 2008 at 4:34 pm

In poll you forgot one very progressive and popular framework: EXT JS ( )

Drew Wilson
Sep 3, 2008 at 4:49 pm

I think you made a mistake here Nick, on the Slideshow2 for MooTools.

I do appreciate you linking up my website Muse for sure, but I do NOT use MooTools. The Javascript used on Muse is custom stuff written by me, but it does also use the Prototype/Scriptaculous libraries. You can see the copyright notice in my JS file for reference.

Just thought I would let you know, in case it matters :) Otherwise no worries and keep up the great work!
Thanks again bro!

Drew Wilson

Sep 3, 2008 at 6:38 pm

thanks for posting this javascript article. good job!

Sep 3, 2008 at 8:06 pm

Good man – bookmarked ;)

Anthony Woods
Sep 3, 2008 at 9:56 pm

A very nice round up web designer wall. A great list of easy to insert javascripts for us developers. Keep these kind of posts coming in other areas, we could use them.

Web Design Hobart
Sep 3, 2008 at 10:23 pm

Wow is pretty much what I first thought.
This is a great guide an reference for pretty much any javascript functionality without having to create something from scratch.
Cheers for this
Web Design Portfolio

Sep 4, 2008 at 4:11 am

Nice article thank you.

Sep 4, 2008 at 5:04 am

Amazing group of articles, very very useful thankyou!

Sep 4, 2008 at 5:09 am

thank for this article very very much.

Sep 4, 2008 at 6:39 am

Amazing as usual. Never fails to impress!

Knoxville Website Design
Sep 4, 2008 at 8:43 am

This is one amazing list and something every designer should have bookmarked.

Sep 4, 2008 at 9:17 am

I stared to use JavaScript Frameworks/Libraries at work especially in Online Applications. They indeed help with visual representation of informational and add useful features tot eh web site. We started to use MooTools, but switched to jQuery because we found it to have more different components and large support resources online. I enjoy using jQuery toggle, date picker, sliders, gallery, info tip and more more more. There a lot that can help with form, for example auto suggest. :-) JavaScript Frameworks allows us to do things that we would most likely use flash for before for animated galleries and such.

Sep 4, 2008 at 11:07 pm – here you can find 3 great projects: lightview, prototip and starbox

Dwayne Charrington
Sep 4, 2008 at 11:29 pm

A lot of nice Javascript resources here, thanks for sharing them.

Ovi Dogar
Sep 5, 2008 at 1:41 am

I really like your post!… Keep up the great work! ;)

Ovi Dogar

Sep 5, 2008 at 2:22 am

A lot of useful stuff. Big thanks.

Sep 5, 2008 at 3:43 am

awesome collection this is a great list of javascript libraries but i prefer to use mootools as i it has an elegant look besides it’s very great and flexible to use.

Sep 5, 2008 at 5:24 am

great post! very informative. tnx.

Sep 5, 2008 at 6:35 am

Hi thanks for this collection!! I use some of these plugins, but some are new ;-)

Sep 5, 2008 at 6:36 am

another great list of useful bookmarks!!
always wanted to find these now iv got them all in one place !
great stuff :-)

Sep 5, 2008 at 7:50 am


Sep 5, 2008 at 8:19 am

Here’s another great lightbox for Prototype

Sep 5, 2008 at 8:25 am

The thumbnail of shows Lightview but the script itself isn’t linked, I’m guessing this is because most of what’s listed is for jQuery.

Sep 5, 2008 at 8:38 am

Is there any example that combines accordion and smooth scrolling, something like that one: My point is: if you type some address that contains a named anchor the relvant accordion panel is open; I tried to combine jQuery accordion with scrollTo, but it doesn’t work :(

Sep 5, 2008 at 9:46 am

Are you crazyy?_?
thx man

Sep 5, 2008 at 10:23 am

wow nice article

Sep 5, 2008 at 1:15 pm

thank you for putting all this in one place. I’m doing a whole personal site redesign and this is exactly what I was looking for.

Sep 5, 2008 at 7:25 pm

Great resource, thank you!

Sep 5, 2008 at 9:33 pm

Simply awesome links here. I’m glad that there are so many choices, and so many widgets! I’ve been working on, and finally finished a mooTools select box factory that can produce really cool custom dropdowns, select boxes and more. Check it out… Customizable Select Box Factory. You can also play with it below.

It has a sift tool which can allow you to trim the list for easy selections. It takes spreadsheet style selections (ctrl, shift), it has an eraser, an indicator for how many selected, and is browser compatible. This is just one variation, there are more…

Sep 6, 2008 at 1:13 am


Sep 6, 2008 at 5:58 am

Great resource, thank you!

Sep 6, 2008 at 8:59 am

what a great tools!! thanks for this beautiful post!

Sep 6, 2008 at 10:32 am

That’s an infinite great List!

Sep 6, 2008 at 11:38 pm

They are so COOL and USEFUL!
I have been searching for them o long time!!

Sep 7, 2008 at 2:19 am

This is an awesome resource man. Thanks for the time putting into collecting them. I really appreciate that.

Sep 7, 2008 at 4:22 am

best food recipes

Sep 7, 2008 at 4:23 am

yemek tarifleri

Sep 7, 2008 at 4:24 am


engelenmiş siteler
Sep 7, 2008 at 7:28 am

thnks for post

piksel reklam
Sep 7, 2008 at 7:29 am

great good

Sep 7, 2008 at 9:19 am

it is amazing.

Sep 7, 2008 at 12:29 pm

Love the list. Thanks!

Suzanne Stephens
Sep 7, 2008 at 12:42 pm

Thanks for this resource. One of my favorite resources is Dreamweaver extensions from They can be used to quickly and easily create accordion and sliding panels, dropdown and flyout menus, and lots more. Customer support and browser compatibility is excellent.

Sep 7, 2008 at 12:48 pm

Very cool design.. I want it …

Willy Wonka
Sep 8, 2008 at 2:50 am

Nice collection! Very, yery handy. Thank you for the efford.

Karsten Gråbæk
Sep 8, 2008 at 3:47 am

Great list, fantastic job and very helpful to us creating usefull webdesign every day!

Sep 8, 2008 at 4:21 am

It is very great and useful. Bookmark it

Radek Kysely
Sep 8, 2008 at 9:15 am

Wow some effects are really shocking! JavaScript is the best for websites of graphic designers and photographers but if you want nice “moving web”, choose JavaScript, too.

trCreative Web Design
Sep 8, 2008 at 10:45 am

Great list, used a lot before, but some new ones their – thanks!

diseño web
Sep 8, 2008 at 3:25 pm

exelente post!!!

Cash Landen
Sep 8, 2008 at 9:56 pm

Simply wondering, would I also use jQuery to toggle which menu item I am on, or does that have to be done on a page per page basis?
Sep 9, 2008 at 1:25 am

mootools rules.

Bhushan Sharma
Sep 9, 2008 at 1:44 am

this is really very useful information about javascript frameworks. Jquery is easy to use & more effective.

Sep 9, 2008 at 3:32 am

Nice lists here, i’m studying now this jQuery thign :)

Andreas L
Sep 9, 2008 at 7:31 am

Nice list!

I’ve also created a jQuery Image Zoom plug-in that looks and works slightly different from the others.

Sep 9, 2008 at 11:06 am

Great list

Simple Station Web Design
Sep 10, 2008 at 1:39 am

Thanks for the excellent javascript tips and programming techniques. This sure was helpful in building a general resource guide for my programmer’s to use internally.

Sep 10, 2008 at 4:41 am

jQuery for the win Nick! – awesome post

Sep 10, 2008 at 8:59 am

Thank you so much for this list. You are an extremely helpful and amazing “administrator” of excellent web information out there. Keep up the great work, and thank you for what you do.

SEO Company India
Sep 11, 2008 at 2:54 pm

Nice resources… keep up the good work.. :)

Cheap SEO Services

Sep 12, 2008 at 4:04 am

kool resources.

Web DEsign Company
Sep 12, 2008 at 1:22 pm

Thanks for the wonderful list. Javascript is a valuable tool for all web designers. Coming from a programming background I was initially wary of using javascript especially due to browser incompatibilities. However in recent years Javascript has evolved both in terms of the things it can do as well as its compatibility across browsers and platforms.

About Solutions ®
Sep 12, 2008 at 3:00 pm

jQuery ;)

Sep 13, 2008 at 1:25 pm

I like jQuery
And thanks for the good js design list

Paul Gendek
Sep 13, 2008 at 9:55 pm

I’m really glad jQuery is prevailing in the poll!

dideño web
Sep 13, 2008 at 10:29 pm

excellent !!!

Sep 14, 2008 at 1:04 am

nice tutorial…

Sep 14, 2008 at 2:59 am

love it!
the complete collection ever

Sep 14, 2008 at 7:08 am

Great Post

Sep 14, 2008 at 1:36 pm

Awesome ! Nick
Thanks you so much… I really love this web
God Bless you :)

Sep 15, 2008 at 3:01 pm

you made a clever choice! always the best plugins from each discipline.

thanks for collection carefully!

Sep 17, 2008 at 10:29 pm

what great scripts these are
so cool and free i oved it.

Dave Ellis
Sep 18, 2008 at 7:35 am

Great set of web design tools, very inspiring!

Jesse Liberty
Sep 18, 2008 at 4:59 pm

Very nice, I now have plenty of fuel for experimentation and lofting on random design ish.
Thanks for sharing your hecka dope fresh sick design skills and theories with us all in the world of the anon. I am using the CSS Dock menu based on Jquery and Interface libs from the NDesign blog.

I look forward to all that you have to share in the future.
Cheers , mate.

Sep 20, 2008 at 9:43 am

First of all I must say your blog theme is awesome!!
I use prototype and jQuery is also my fav.

Jack Franklin
Sep 21, 2008 at 3:30 am

For me it’s always JQuery, I find it so easy that I have not bothered using MooTools, why should I when JQuery is perfect for my needs?

I’ve written a couple of tutorials on my blog:

Using SlideToggle:
Zebra Tables with JQuery:

Sep 23, 2008 at 8:20 am

I love them!
Thank you very much!

Sep 24, 2008 at 11:15 pm

great tool set really helpful 4r me….very inspiring!

Sep 28, 2008 at 4:22 am is wordwide teclology portals

Wery Nice Tech Blog

Michael Janik
Sep 28, 2008 at 6:25 am

I always thought that Flash will stop Javascript but the opposite happend. Especially because you can change things with some lines of code. For example with the lightbox effekt.

Sep 28, 2008 at 11:12 am

I am using one at
thanks dude

Matthew Hunt
Sep 28, 2008 at 11:16 am

This is a great list of javascript techniques. Smashing magazine recently posted an article on 75 popular js techniques. I also had a list going on my blog.

Sep 30, 2008 at 3:42 pm

This is a really great collection. Thanks for that!

Oct 1, 2008 at 3:29 am

Nice compilation. JQuery rocks!

Oct 1, 2008 at 4:34 am

Hi all, i was wondering if anyone was aware of a carousel scroller that would enable me to enlarge any of the contained images within a lightbox. I am currently using the stepcarousel.js script and am trying to use the lightbox.js script within it. There are conflicts occurring whereby only one or the other will work at once. Does anyone know how i can code it so that both can work in conjunction or alternatively offer a script that already combines both.

Any comments will be much appreciated, just to note i am very new to this.

Oct 1, 2008 at 7:21 pm

This is a super good resource. Going to come back to this post for sure. Thanks for the JS roundup!

Graphic Design Long Beach
Oct 2, 2008 at 2:04 am

Great resources here! I can’t wait until I apply these!

Oct 2, 2008 at 6:12 am

Considering large corporate websites, what is your opinion about these js libraries slowing down page rendering and overall request/rendering performance?

Magic Toolbox
Oct 3, 2008 at 11:06 am

Good list Nick, though you didn’t mention our tools :-(

We offer 3 tools for enlarging images to show them in greater detail. The code is tight, the filesize is small and they don’t require libraries (so they can be used on any website).

View the demos of Magic Zoom, Magic Magnify and Magic Thumb here:

Parduotuviu Kurimas
Nov 22, 2012 at 12:35 pm

Listosity and commentosity…

Oct 4, 2008 at 6:40 pm

Thx a lot for these great resources!!
Kindest regards.

Oct 6, 2008 at 4:10 pm

javascript is cool, but the most important sites avoid to use it. why?

Conrad Gorny
Oct 8, 2008 at 10:36 am

Wow a lot of good information. Thankyou

Conrad Gorny
Freelance Graphic Designer

Oct 8, 2008 at 5:21 pm

Excellent resources, Thanks for this.

Oct 9, 2008 at 3:47 am

Nice resource. Thanks for the list.

Manila Goji Juice
Oct 9, 2008 at 9:03 am

Nice and informative article…

Oct 9, 2008 at 9:10 am

Thanks for the resource. Is there anyone who knows how to make the drill down menu done at

Renee Chung
Oct 10, 2008 at 4:41 am

Thank you very much. I will definitely try them all when there’s an opportunity.

Oct 10, 2008 at 12:13 pm

Good list, thanks

Oct 10, 2008 at 12:14 pm


Oct 11, 2008 at 4:54 pm

very good… Thanks you very much

Oct 13, 2008 at 9:56 am

Very nice list ! Nick

Svetainiu kurimas
Oct 15, 2008 at 2:38 pm

Thank you very much. I will definitely try them all when there’s an opportunity.

svetainiu kurimas

Matthew 'Web Design' Adams
Oct 17, 2008 at 6:30 am

Great collection of JS plug-in.

Oct 17, 2008 at 8:41 pm

Thank you very much! These are very useful.

Oct 19, 2008 at 6:05 am

wow,its really a very cool site,i love it.

Oct 19, 2008 at 6:09 am

it would be better if the page wont be refreshed when i submit my comment.

Myron Tay
Oct 19, 2008 at 9:00 am

This is absolutely fantastic. :)

brawde web design
Oct 22, 2008 at 12:52 pm

Very usefull, thanks for putting in the time.

Oct 22, 2008 at 10:58 pm

Hey this might be a stupid question, but what is the copyright on these plug ins? I’m guessing they are open source and you can use them as you wish, I’m talking about if you were to charge a client and use some of these features.

I’m wondering, can someone give me an answer? [email protected]

Oct 28, 2008 at 5:32 am

Thnx for this article
I used in on my personal portfolio

Oct 29, 2008 at 7:42 am

Thank you for this article. I will definitely try them all and i will use them when there’s an opportunity.

Oct 31, 2008 at 2:10 pm

Lightbox is great, i will play with SmoothScroll .-)

Nov 4, 2008 at 10:49 am

Thank You!!
In one day I’ve gone though and learned a tremendous amount about Jquery and mootools core/plugins. Fantasitic collection.
Keep up the amazing work.

Nov 7, 2008 at 9:32 pm

really helpful.

Nov 9, 2008 at 9:52 am

highslide js not work in ie
help me plz

Nov 11, 2008 at 9:06 am

It’s so great to see these tools, i guess one day the internet would be so perfect that computers will have only a system operative and the rest will be online made with IRA all the time. Thanks a lot for your list and great JS tools i’m using some of those right now.


noob web designer
Nov 12, 2008 at 2:08 am

WOW, thanks for the sharing, this really helpful for noob web designer like me XD!

Nov 13, 2008 at 10:49 pm

Thank you for this article

Jon Williams
Nov 18, 2008 at 9:03 pm

This site really has some some of the most usefull articles around. This is great. Thanks.

Nov 18, 2008 at 11:09 pm

One of my favorite all-time blogs. Always has useful info!

Nov 22, 2008 at 11:54 am


Carlos Hermoso
Nov 26, 2008 at 4:55 am

Nice list. Keep up the good work

Dec 2, 2008 at 6:14 am


Ottun Lukma O.
Dec 2, 2008 at 11:18 pm

nice list u got here

Dec 3, 2008 at 4:59 am

Hi,I am a web developer. JavaScript increases the speed of designing.This improves the efficiency.

Dec 5, 2008 at 5:45 pm

I used this to create my husband’s site (he’s a photographer) and what a great process and learning curve.

bebo music skins
Dec 6, 2008 at 11:47 am

the sifr one is useful, thanks for these will be adding them to my site when i figure out how to use some of them

Dec 11, 2008 at 7:48 am

thanks so much!

dean nolan
Dec 15, 2008 at 7:00 am

Very useful list. I learnt a lot researching some of these techniques and will definately use them in future projects.

Dec 26, 2008 at 4:21 pm

süper information. thanks

Dec 30, 2008 at 5:37 am

Best Fo Eva! Jquery!

Dec 30, 2008 at 12:59 pm

You never cease to amaze! Your listst are so thorough! Thanks to you my web designer toolbox has exponentially grown in leaps and bounds!

PLEASE keep up the awesome job you are doing!

Jan 4, 2009 at 9:07 pm

Thanks or the article! I like how you have everything categorized so that makes it easy to find. I use jQuery for Animation but for Data Apps using Form Validation, Table Sorting, etc I’ve started using InfoFind Web Tools from Omnicognic because it requires no JavaScript. It’s BSD and I listed the demo link below.

Jan 24, 2009 at 10:36 am

jQuery Best For Ever

Jan 28, 2009 at 5:53 pm

thanks good share

Miss Blossom
Feb 2, 2009 at 8:28 pm

I just used Thick Box to help keep everything compact and intimate for this site

Thanks for all your great resources!


Feb 4, 2009 at 1:11 pm

You have forgotten docking boxes

Joe Kendall
Feb 5, 2009 at 3:02 pm

Thank you sooo much for making this page! i have been wondering for ages how these are made, i found your site the other week and have been hooked on it! Really appreciate your work, and i am learning loads for re designing my site this month!

Feb 5, 2009 at 5:38 pm

why not use flash?

Feb 6, 2009 at 6:56 pm

Full Free Scripts and Web Designer Programs

Web design
Feb 17, 2009 at 1:41 pm

I just recently discovered your Blog and appreciate you sharing your bout with Web Design with the world. but this site also search best knowledge
Web Design.

Feb 25, 2009 at 8:09 am

Very Nice

Israel Bernal
Mar 12, 2009 at 2:22 pm

very good blog, I use a lot this information, I really like it. very usefull, thanks.

Mar 29, 2009 at 1:49 am

nice repertoire. Thank you for compiling these plugins in one single page. Thanks again and keep up the good work.

Mar 29, 2009 at 4:36 am

This is a nice collection, thank you.

Apr 3, 2009 at 5:09 am

very good, thanks..

Apr 23, 2009 at 10:57 am

Thanks indeed for your services.
Please kindly provide me the roles of Java Script technology in building web design and web servers.
Hope to read from you soon.
Best regards

Apr 24, 2009 at 12:54 am

Good list,! i especially like the Jquery ones, but some mootools are very effective.
Thanks for sharing

Apr 27, 2009 at 10:46 am


tedd frank
Apr 27, 2009 at 6:20 pm

hello, my name is tedd and good web site i´m from peru very well. thankyou hellme much

May 5, 2009 at 5:54 pm

Free Asp and Php Scripts at the same address : : )

May 14, 2009 at 1:23 am

excellent collection and explanation. I am in the process searching for an online gallery and this is a great resource. Thanks for sharing.

May 16, 2009 at 4:48 am

Thanks for this, been looking for a nice simple gallery i can use to display a few pics and this works a treat. Cheers

Keith D
May 22, 2009 at 5:06 pm

Great list of jQuery stuff.

I’ve always wondered what mootools was?

I’ve already used the accordian and I’ll definately try some of the others.


Keith D

accounting homework
Jun 6, 2009 at 12:36 am

Good one, galleries can be useful at times especially for projects etc

Thanks for posting them :)

Jun 15, 2009 at 11:09 am

Absolutely Awesome collection!!

Accounting Homework
Jun 22, 2009 at 2:05 am

I will add you as a topic.Thanks for information.

Jun 24, 2009 at 3:44 pm

hah! I like the post, but Flash is the future of the internet friends. Believe it or not, actionscript is more powerful that GOD.

-makingcolor staff ;>

Jun 26, 2009 at 7:52 pm

Good and nice one

Jun 30, 2009 at 5:49 am

Excellent information. Finding a few such solutions has taken hours in the past.

Thank u.

Jul 2, 2009 at 7:24 am

why should your website update?

Jul 2, 2009 at 4:43 pm

Thanks for this

Jul 6, 2009 at 1:56 pm

Thank you my friend …

Doug Greathouse
Jul 16, 2009 at 8:29 am

Thank you so much for these great resources. I have used a few of these in the past however, there where so many on this list that I did not even know about.

Jul 18, 2009 at 7:04 am

Thx a lot !!

Jul 18, 2009 at 5:11 pm

Very usefull indeed, thanks for sharing !

Sudharshan Reddy
Jul 22, 2009 at 12:29 am

very good site as a reference for all developers

Sep 2, 2009 at 11:49 pm

OW! Very cool post!

Sep 4, 2009 at 7:37 pm

Really cool source. Thanks a lot.

Sep 10, 2009 at 7:58 pm

Huge resources. and really helpful for my project

Sep 15, 2009 at 3:18 am

the best site on javascript eva

Sep 18, 2009 at 7:46 pm

i just love your website. really. everything is so pretty, so helpful. thanks for sharing with us

Sep 21, 2009 at 9:29 am

Great , Javascript in Modern Web Design
Great article. CSS saved web design

Oct 31, 2009 at 5:01 am

there where so many on this list that I did not even know about.

Danilo Bomfim
Nov 6, 2009 at 8:36 am

Congrats about this post. Totally useful!!! Bookmarked!

Amiba @ Web Design Ploiesti
Nov 25, 2009 at 8:19 pm

Nice article, but lacking a little on the information side. Btw, I use mootools. It has a lot of functionality but some annoying limitations also.

Dec 10, 2009 at 7:31 pm

this is great post it’s help me alot but I have a issue working with mootols and jquery both are awesome and work well but when I use them togather some things are not working.
pls advice

Jan 5, 2010 at 11:41 pm

The designs showed here show what simple and tasteful design is all about. Another one to consider

deepak kumar
Jan 20, 2010 at 1:38 am

Very nice effects.

Jan 20, 2010 at 11:03 am

great good

Kuldeep Daftary
Feb 6, 2010 at 1:16 am

Great Stuffs Thanks a lot! Bookmarked it ;)

Mar 4, 2010 at 3:44 am

Thank you for this article, I will play with Smooth Scroll

Johannes Kjær
Mar 28, 2010 at 7:51 am

I have no concept of how to write a Java script, but I need one that shows an image of letters and numbers combination which should then be typed in to get to the next page, I have made a sketch but of course it does not work with drove + talk script. but it is within the script, it looks like. Exist such if not what will it cost to make for me. I preview my website at this address script2.htm Sincerely Johs Kjaer

Apr 23, 2010 at 6:08 pm


I hope someone can help me, Im trying to create a website similar to this one

I want to try and produce the same order form so a customer can either upload an image or choose from one of our gallery images, It then previews the image where you can then select the size and finish and put in your order details, Do you know what program has created this?

any Ideas would be a great help.



Web Design
Apr 28, 2010 at 8:49 pm

i bookmarked it ! thank you for sharing

packers & movers
Apr 30, 2010 at 7:17 am

Worthy material. Has taken into consideration a lot of the useful. I wish successes I Can tell with confidence that the blog will be will replenish

May 9, 2010 at 3:49 am

Great article.
It help me in my freelancer programming works

May 21, 2010 at 3:18 am

nice designs.

May 27, 2010 at 5:40 am

Nice collection..

Web Design
Jun 19, 2010 at 4:55 pm

You are definitely a skilled writer. You definitely know how to write to keep the audience engaged. Cheers

Jul 5, 2010 at 3:51 am

Nice collection, Thank you :)

Jul 25, 2010 at 10:57 am

Samples very good, Nice collection, Thank you

hotfile indir
Aug 9, 2010 at 8:04 pm

A customizable jQuery plugin that displays tooltip popup — with either static html text or Ajax content.

Aug 12, 2010 at 12:44 am

Amazing collection thanks a lot

Aug 12, 2010 at 10:19 am

js is powerfull. nice collection.

darmowe programy
Aug 12, 2010 at 10:21 am

MooTools Validate, this i was looking for.

Brrip indir
Aug 14, 2010 at 10:08 am

nice designs.

hayata dair
Aug 16, 2010 at 11:23 am

thanks admin..

Aug 24, 2010 at 8:15 am

Very nice collection, good job! I’ve just discovered dhtmlx library which turned out to be a very good example of JavaScript for dynamic interfaces too:

Hotfile Download
Aug 24, 2010 at 5:50 pm

nice web desing code. thanks.

Aug 30, 2010 at 5:01 am


Sep 11, 2010 at 7:33 pm

thanks admin. great post.

Sep 25, 2010 at 12:59 pm

very goood site. thank you.

Oct 12, 2010 at 6:37 am

Some interesting uses of various code banks here… been looking for different ways to implement a new look to a current site I’m designing, thanks for cataloging some of main ones into an easy to read page! :)

gurpreet simgh
Oct 18, 2010 at 12:13 am

nice collection

Theraisa K
Oct 26, 2010 at 6:42 pm

I have to bookmark this as there’s so many great resources here. Thanks a bundle!

Jada'King Jr
Oct 29, 2010 at 11:06 am

I have design my website service with Adobe Flash Pro, but my pictures are not appearing on the page but there are on my C panel Account help?

Dec 13, 2010 at 4:15 am

It relies heavily on touch because the pages I have a user acting on, are usually a collection of child records. uggs outlet Caching is a big help in this respect.Thanks

Henry Peise
Dec 24, 2010 at 12:23 am

If I got a chance, i will prefer buying the iphone 4 white but not the iphone 4 Black. Who can tell me where is the white iphone 4 available? I would really want to take one.

Ring Jewelry
Dec 24, 2010 at 7:27 am

Thanks for the sharing of such information we will pass it on to our readers.
This is a great reading.

Juno Mindoes
Dec 24, 2010 at 10:56 pm

News about Apple’s much-delayed white iPhone 4 continues to fly fast and furious, with a new claim from Boy Genius Report suggesting that the model has been canceled entirely instead of merely delayed until next spring as the company announced yesterday.

monis siddiqui
Jan 5, 2011 at 2:17 am

now how desing html or java script

altın çilek
Feb 2, 2011 at 5:49 am

I always follow your site thank you

May 26, 2011 at 5:46 am

Bune lan böle isim mi olurmus? :D

home cleaning melbourne
Aug 21, 2012 at 8:23 am

yes! its organized well..thank you

hcg damla
Feb 2, 2011 at 1:47 pm

I have to bookmark this as there’s so many great resources here. Thanks a bundle!

Apr 17, 2011 at 2:00 pm

The researchers, knowing the style of creativity, strengths and weaknesses of individuals with ADHD may help identify appropriate career, he says.

tarun goyal
Apr 20, 2011 at 9:25 am

hi, if anyone know javascript designing then contact me .. i have some work for hem/her!
i will pay him !
contact me-09988971816

May 11, 2011 at 3:08 pm

I always follow your site thank you

panax clavis
May 16, 2011 at 5:52 am

I always follow your site thank you

Fume hood
May 26, 2011 at 1:34 am

Exactly what I have been craving

Thanks so much for this all in one place!
I have viewed the videos and it is really great, It give me ideas on how to finish my graphic design courses.

Many Thanks.

Jun 16, 2011 at 1:34 am

Kayar Sekmeler bir çok zarif bir etki yaratır bir mootools 1.11 eklentidir. Bu da iTunes Music Store kullanılan bir widget çok benzer Panik Software’in Coda sitesi, görülen şeyin bir klon.

Jun 18, 2011 at 11:55 am


Jun 30, 2011 at 7:15 am

good collection…

hcg damla
Jul 12, 2011 at 4:25 am

very useful informations. thank you. i will track you.

no name
Jul 23, 2011 at 12:08 am

check this code

no name
Jul 23, 2011 at 12:09 am

i like your code for

Aug 16, 2011 at 7:41 am

using these plugins will make your websites look like everyone elses….. and give you a real headache when your client asks for modifications. Invest your time in learning jQuery and do it yourself.

Dec 6, 2011 at 2:00 am

It is 100% true.No one can learn from copy and paste method.To all developers, take hints from this codes but use your open mind to develop.

rouhollah farhadi
Aug 30, 2011 at 6:24 am

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

Oct 16, 2011 at 12:21 pm


Nov 18, 2011 at 3:33 am

good collection thanks

Dec 9, 2011 at 8:59 am

It displays images in a 3D, carousel fashion.

allsaints, allsaints clothing
Jan 14, 2012 at 3:02 am

of course like your web site but you need to test the spelling on several of your posts. Many of them are rife with spelling issues and I in finding it very bothersome to tell the reality on the other hand I will surely come back again.

Jan 24, 2012 at 7:26 am

Thank you!!!

Mar 14, 2012 at 4:02 pm

Thank you very much! It´s fabulous. Great! Até mais. Abraços.

duct tape
Mar 28, 2012 at 2:40 am

great collection thanks for sharing looking for this type of resources

May 2, 2012 at 1:17 pm

Thank you Thank you!! This is organized very nicely

Aug 21, 2012 at 9:26 am

Thanks so much for this all in one place!
I have viewed the videos and it is really great, It give me ideas on how to finish my graphic design courses.

Oct 3, 2012 at 4:38 am

Sorry, but jQuery, MooTools these are not frameworks, are merely Javascript libraries…

Post Comment or Questions

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