Press "Enter" to skip to content

30 Best jQuery Plugins for Designers

David Chapman 0

The jQuery Plugins are required for designing attractive websites with easily navigable interface, creative graphics, animations and other elements.

The jQuery plugin community is one of the most active communities and the designers are going to come across hundreds of useful jQuery plugins on the web.

With these plugins it is possible to integrate various functions in the webpage quickly and efficiently. Most of these plugins are available at free of cost and the designers can simply download and use them in their project.

With these plugins the designers can integrate different functions like scrolling thumbnails in the website, flip the captions present in the website, create a digital clock, install image resizing functionality and integrate many such other features in the websites.

Owing to the dynamic functionalities that can be created with the help of these plugins, it has gained immense popularity among the designers.

The use of these plugins also increases the productivity of the designers as they can simply download and use it in their projects.

The integration of such techniques will make the website really awesome which in turn will allure more visitors to the it.

1. Digital Clock with jQuery

A simple digital clock with date and time, with the help of jQuery script and CSS3 for a little animation.

2. Flip

Flip is a jQuery plugin that will flip easily your elements in four directions.

3. Full Page Image Gallery

Full page gallery with scrollable thumbnails and a scrollable full screen preview.

30 Best jQuery Plugins for Designers

4. Img Area Select

Img Area Select is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes.

5. Calendar Picker

This component is a light-weight calendar/date-picker.

30 Best jQuery Plugins for Designer s1

6. Colorful Clock

30 Best jQuery Plugins for Designer s2

7. Automatic infinite carousel

8. FrameWarp

30 Best jQuery Plugins for Designer s3jpg

9. Flash Plugin

A jQuery plugin for embedding Flash movies.

10. Galleria

11. Lite Accordion

LiteAccordion now has a responsive layout option. If you set { responsive : true } in the plugin options, the accordion will now stretch to fit your page’s responsive design.

This also works on mobile devices when the orientation of the device is changed

12. gMap

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

13. IconDock

iconDock is a jQuery JavaScript library plugin that allows you to create a menu on your web like the Mac OS X operating system dock effect one.

It is based on the Google X menu, an approach that Google did to create this effect on the web.

14. InnerFade

InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

15. jplayer

jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages.

jPlayer’s comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer’s active and growing community.

30 Best jQuery Plugins for Designer s4

16. jqDock

jqDock is a jQuery plugin that transforms images into a Mac-like Dock menu, with icons that expand on rollover.

17. jQuery GPS

jQuery GPS is a jQuery plugin for people that want to add Google maps to their website. jquery GPS is a lightweight and simple solution to all your Google Map needs.

Add inputs for addresses by simply adding default or custom ID’s. You can use any element to trigger the event! So it doesn’t need to be embedded inside a form.

30 Best jQuery Plugins for Designer s5

18. Memory Game

19. Micro Image Gallery

30 Best jQuery Plugins for Designer s6

20. Nivo Slider

21. Pagination

When you have a a large list of items you can display them grouped in pages and present navigational elements to move
from one page to another. This plugin creates these navigational elements.

22. Sideways

A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

23. Sunday morning

Sunday morning is a jQuery plugin which allow site-owners to offer their visitors some easy and fancy ways to translate their content in more than 30 languages.
Also available as a Bookmarklet.

24. Zoomy

Zoomy is a quick and easy plugin that will zoom into a picture. Zoomy is a flexible zoom plugin and can be used with either, two copies of the same image, or one image linked to its self.

Most CMS systems save or create multiple sizes of an image so its can be easily set up. Just link the larger zoom image on the smaller display image, and tell the plugin to use that link when zooming. It takes only a little bit of scripting.

25. Toastmessage

jquery toastmessage plugin is a JQuery plugin which provides android-like notification messages. It’s a quite nice way to report info or error to the user.

30 Best jQuery Plugins for Designer s7

26. Sliding Image Puzzle

sliding image puzzles based on containers that have images.

27. PPGallery

An advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease.

It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera. ppGallery will take your images and create an elegant photo gallery widget.

With some simple copy and paste, you’ll install ppGallery in no time! Scroll down for features, install directions and different options to customize your new gallery.

30 Best jQuery Plugins for Designer s8

28. Slider Gallery

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

29. Sponsor Flip Wall

30. Polaroid Photobar Gallery

Thirty beautiful jQuery plugins have been posted in this list which will be very useful for the web designers.

All the plugins posted here are of superior quality as they have been quality tested by us before suggesting it to the users. Read through this post and share your opinion about these plugins with us and the other readers. Enjoy!!!

Author Bio – Felix Diaconu is a logo designer and regular guest blogger at DesignCrowd


Leave a Reply

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