30+ jQuery Plugins and Scripts for Web Designers


Collection of 30+ new and useful jQuery plugins and scripts for web designers. This set contains jQuery sliders, image galleries, slideshow plugins, jQuery navigation menus, interactive maps, image rotators, plugins for tabs, accordion menus, user interface elements, web contact forms, modal windows, tooltips and many other fresh jQuery solutions collected in one place.

This jQuery plugins will help you to create your unique web designs.

1. jQuery “Shutter Effect Portfolio” Plugin

Fresh jQuery plugin for photo portfolio design. This plugin will show a set of featured photos or images with a camera shutter effect.

jQuery "Shutter Effect Portfolio" plugin

Demo Download

2. CSS & jQuery Clickable Map of Europe

The clickable map of Europe based on jQuery and CSS. As an example, it can be used as navigation on travel related websites. Works with all modern browsers + mobile browsers (Safari for iPhone or iPad).

CSS jQuery Clickable Map of Europe

Demo & Download

3. jQuery “Sweet Menu” Plugin

jQuery based navigation menu with nice animated slide-out effect.

jQuery Sweet Menu Plugin

Demo & Download

4. jQuery UI Forms

Few templates of user interface forms and elements.

jQuery UI Forms

Demo Download

5. jQuery “Smooth Div Scroll” Plugin

jQuery plugin for the horizontal scrolling of the content in a certain area. It starts scrolling when you mouse-over the left or right edge of the gallery.

jQuery Smooth Div Scroll Plugin

Demo Download

6. jQuery “Expanding Image Menu” Plugin

This plugin will create an expanding image menu with jQuery, something similar to accordion menu. The menu is made from images and the content area will slide out when you click on them.

jQuery Expanding Image Menu Plugin

Demo Download

7. New Version of jQuery “Supersized 3.1″ Plugin

This is new version of jQuery “Supersized” plugin by BuildInternet. This plugin creates a fullscreen slideshow.
Features: integrated with Flickr, can be controlled with keyboard, cycles images via slideshow with different transitions and preloading, automatic resizing of images to create a fullscreen slideshow.

jQuery Supersized Plugin

Demo Download

8. jQuery “Mosaic” Plugin

This jQuery plagin will automatically generate sliding boxes and captions with slide & fade animations for your images.

jQuery Mosaic Plugin

Demo Download

9. jQuery “Tabbed Content Rotator” Plugin

This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

jQuery Tabbed Content Rotator Plugin

Demo Download

10. jQuery UI Tabs with Next/Previous Buttons

This plugin will help you to create tabbed areas with some content and next / previous buttons, which will improve the navigation.

jQuery UI Tabs with Next Previous Buttons

Demo & Download

11. “TinyBox2″ JavaScript Modal Windows

“TinyBox2″ JavaScript Modal Windows is another plugin which you can add to my list of 33 jQuery, Mootools, Prototype Lightbox Scripts.

TinyBox2 JavaScript Modal Windows

Demo Download

12. Light JavaScript CSS Slider “TinySlider 2″

Full-featured, configurable, CSS customizable and standalone JavaScript slider.

Light JavaScript CSS Slider TinySlider 2

Demo Download

13. Fading JavaScript Elements

This JavaScript will create fading in and out effect for your text and elements.

Fading JavaScript Elements

Demo Download

14. JavaScript WYSIWYG Editor “TinyEditor”

This is a simple lightweight and standalone JavaScript based WYSIWYG editor. This editor is easy to customize through CSS and the multitude of parameters.

JavaScript WYSIWYG Editor TinyEditor

Demo Download

15. JavaScript Scrollable Div “TinyScroller”

This is a basic lightweight scrollable div script. The styling scroller is customizable through the CSS.

JavaScript Scrollable Div TinyScroller

Demo Download

16. JavaScript Table Sorter “TinyTable V3″

TinyTable is a lightweight JavaScript based table sorting script with search, column averages and totals, record numbering, a view all function, and a reset function. Some more features: alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting. This plugin is useful for those who like to structure the information on the website in the form of tables.

JavaScript Table Sorter TinyTable V3

Demo Download

17. JavaScript Accordion “TinyAccordion” Plugin

Lightweight accordion script with multi-level support.

JavaScript Accordion TinyAccordion Plugin

Demo Download

18. jQuery “MobilyMap” Plugin

This jQuery plugin creates an interactive Google Maps-like draggable map of Europe with the use of JavaScript. Some of the features: you can create markers and add html content which will be displayed when markers are clicked.

jQuery MobilyMap Plugin

Demo Download

19. jQuery “Galleria 1.2.2″ Plugin

New jQuery based image gallery framework with for your projects with different transition effects, cropping methods and interaction details.

jQuery Galleria Plugin

Download

20. jQuery Plugin “liteAccordion”

liteAccordion – a horizontal accordion plugin for jQuery. This accordion can include any type of content.

jQuery Plugin liteAccordion

Demo Download

21. jQuery Slider “jShowOff”

jQuery slider plugin for content rotation with 3 variants of using: without navigation (with automatic slideshow), with button navigation and with thumbnail navigation. This kind of slider module is often used to promote pages, sections, or features on a website. Great for improving your web design.

jQuery Slider jShowOff

Demo & Download

22. jQuery Image Zoom Effect “Zoomy” Plugin

This plugin creates the “zoom” effect of magnifying glass to enlarge the part of the image.

jQuery Zoomy Plugin

Demo Download

23. jQuery Form Framework “jFormer”

Form framework written on top of jQuery for creating different type of contact forms: feedback, comments, login forms, registration forms with information input validation.

jQuery-Form-Framework-jFormer

Demo Download

24. jQuery Form Cloning “SheepIt” Plugin

SheepIt is a jQuery plugin that allows you to clone form elements dynamically.

jQuery-Form-Cloning-SheepIt-Plugin

Demo Download

25. jQuery Modal Plugin “Reveal”

Cross-browser compatible modal window lightbox clone. To see the demo – click on “Fire A Reveal Modal” on the demo page.

jQuery Modal Plugin Reveal

Demo Download

26. jQuery Pop-Up Messages Plugin “ToastMessage”

This is JQuery based plugin which provides Android-like notification messages.

jQuery Pop-Up Messages Plugin ToastMessage

Demo Download

27. jQuery Memory Game

This is a simple traditional memory game based on JQuery where you need to find two similar cards.

jQuery Memory Game

Demo & Download

28. CSS & jQuery Check Boxes

This plugin will help you to create nice looking checkboxes for your web forms, which looks somewhat similar to Apple-style switches from iPhone.

CSS jQuery Check Boxes

Demo Download

29. jQuery “NivoSlider” Image Slider

jQuery CSS image slider with using of a NivoSlider plug-in.

jQuery NivoSlider Image Slider

Demo Download

30. jQuery & CSS Hover Zoom Effect Plugin

This plugin creates “Hover Zoom” effect for your image thumbnails with CSS and jQuery. This effect reverse zooms an image while fading in a label on top of it when the mouse hovers over it.

jQuery CSS Hover Zoom Effect Plugin

Demo Download

31. jQuery Drop Down Navigation Menu

Nice looking jQuery based drop-down horizontal (default) or vertical navigation menu.

jQuery Drop Down Navigation Menu

Demo Download

About Alex Joy

I'm founder and editor of Webdesignzo, architect designer, web designer, graphic designer and SEO optimizer.

32 Responses to 30+ jQuery Plugins and Scripts for Web Designers

  1. Ahmad says:

    very useful thanks for sharing

  2. Hayo says:

    Nice showcases. People do great things with jquery.

  3. Beben Koben says:

    nice lists, thanks :) \m/

  4. Ray says:

    Great files, thanks for sharing

  5. gracias por el aporte

  6. djein says:

    Thanks a lot! Very helpful

  7. Don says:

    OMG at the Europe map, span abuse :)

  8. david says:

    very helpful

    Thanks.
    Misbah Mumtaz

  9. cartero says:

    Thanks for your post! I really aprecciated it!

  10. WebVideos says:

    using some of this on the new site….very useful stuff!!!!!

  11. Thanks for the information, it has been very enlightening.

  12. All I have to say is a big whaoo… I can’t just wait to implement all I have gained from this wonderful site. see ya.

  13. Carlos says:

    Excellent. Thanks!!

  14. y8 games says:

    I need it. Thanks for sharing

  15. Joe says:

    Nice clothing, used most of the plugins in various projects of mine.

  16. JITESH TAMBAKHE says:

    aswesome ,beautiful creation of all plugins…Thanks a lot to all devlopers……….

  17. Mohanrangam says:

    Thank u very much was very useful

  18. NKPankaj says:

    Awesome work man!

  19. lionel says:

    hi very useful thanks

  20. Buy Things says:

    Hello There. I found your blog using msn. That is an extremely smartly written article. I?ll be sure to bookmark it and return to learn extra of your useful info. Thanks for the post. I?ll definitely comeback.

  21. chovy says:

    jQuery.tabbed() navigation is a light-weight jQuery plugin for handling tabbed navigation with minimal markup. https://github.com/chovy/tabbed-navigation

  22. Peter Lee says:

    Great job with these web development tools. Love the sliders. Peter

  23. Nishad says:

    thanks for webdsign zo,

  24. thnks dude to share this type of work. gr8

  25. cinema says:

    good scripts nice

  26. aungmyathein says:

    Amazing………….

  27. pricsilo says:

    great i want

  28. Ansar says:

    hi very useful…. thanks

  29. Learn Ways to Free Electric Power says:

    My brother suggested I might like this blog. He was entirely right. This publish actually made my day. You can not believe just how a lot time I had spent for this information! Thanks!

Leave a Reply

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>