30+ Awe-Inspiring jQuery Plugins To Ramp-Up Your Skills

If you can create more shocking work piece using jQuery then it could amazed anyone. Best jQuery plugins enables you to create awesome animations and effects to your website.

In this post we are just presenting round-up of excellent plugins that will surely helpful to create incredibly interactive web applications without having to much worry about accessibility issues.

You may be interested in the following related articles as well

Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and Follow us on Twitter follow us on Twitter for recent updates.

All these jQuery plugins are listed here in a random way so that there will be some anxiety that what comes next! So let’s get started to check out 75 Most Useful jQuery Plugins. And stay tuned for more advantageous roundups on our site.

1) jPhotoGrid : This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.

View Demo | Download Plugin

2) MaxImage – jQuery Image Scaler : maxImage is a jquery plugin that automatically scales images based on how much room they have in the browser window. The image will always fill your browser window.

View Demo | Download Plugin

3) Picbox : Picbox is a lightweight (around 5KB) javascript image viewer which features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

View Demo | Download Plugin

4) YoxView : YoxView is a free image viewer for websites. It’s written in javascript using jQuery and is available as a jQuery plugin.YoxView displays images above the website’s content, as a separate layer.

View Demo | Download Plugin

5) Spritely : Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on the main page, and dynamic scrolling backgrounds.

View Demo | Download Plugin

6) FocusMagic : This plugin is meant to expedite the basic process of making form fields empty on focus and refill on blur, depending on a few specs. This solution focuses on accessibility as it does not remove the label, just moves it off the viewport. This way, if a user does not have Javascript, CSS, or uses a screen reader, they will still get normal labels.

View Demo | Download Plugin

7) jQuery Slider(Safari Style): jQuery Slider is easy to use and multifunctional jQuery plugin.

View Demo | Download Plugin

8 ) TopUp : TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

View Demo | Download Plugin

9) jMultiselect2side : Multiselect (html select with parameter multiple=”multiple”) normally are very difficult to use. In this plugin, the select is double (double side select), the right one with the selected element, the left side for insert other element.

View Demo | Download Plugin

10) Pines Notify : Pines Notify is a Growl like notification plugin.

View Demo | Download Plugin


11) jQuery Google Charting :
A jQuery plugin that sets a division to request a Google chart. In simple words, add Google Charts to your pages via a simple JavaScript interface.

View Demo | Download Plugin

12) jOla : This plugin help to add Ola effect on the text.

View Demo | Download Plugin

13) 3D Cloud Carousel : This is a fast and cross-browser implementation of a 3d carousel – looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript. Easy to use as an unobtrusive plugin with lots of options.

View Demo | Download Plugin

14) bMap : This plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

View Demo | Download Plugin

15) jQuery Path Selector : Path selector is a breadcrumb bar jquery plugin for selection of hierarchic options (similar to address bar of Vista’s Windows Explorer).

View Demo | Download Plugin

16) jqChromelessYoutube : This plugin embeds the Chromeless Youtube player on an element and plays videos from a Youtube playlist continuously. You can adjust the player’s size, the playlist ID, show/hide title,controls and playlist by passing parameters to the plugin.

View Demo | Download Plugin

17) Navit : Nav it is a great plugin which converts html lists into navigation. It has many options which include horizontal navigation, vertical navigation, accordion style systems, drop down menu systems and more.

View Demo | Download Plugin

18) Lens Flare : Far from being limited to Photoshop filters, video games and film CGI effects, a basic implementation of lens flares can work quite well in JavaScript too. This jQuery plugin allows you to add a lens flare effect to images.

View Demo | Download Plugin

19) jDoubleSelect : jDoubleSelect is a jQuery plugin to transform one select with optgroups into two selects, the first one with all groups and the second updated with the options of the group selected.

View Demo | Download Plugin

20) zWeatherFeed – Yahoo! Weather Plugin : This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

21) Table Highlighter : Simple plugin to highlight rows & columns to make the table easier to read.

View Demo | Download Plugin

22) jQuery Grid Animated Plugin : The Animated Grid Plugin is a simple bi-dimensional Grid. It was created to be the more flexible as possible to fit into your Html Structure easily without adding extra class. It allow you to manage easily the degradation if javascript is disable with two differents fields in the Css file.

View Demo | Download Plugin

23) Open Standard Media Player : The Open Standard Media Player is an all-in-one media player for the web. This media player is an industry changing, open source (GPL) media player that is built to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.

Download Plugin

24) zRSSFEED – RSS Feeds Reader Plugin : This plugin will read RSS feeds from any website url using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

25) zFlickrFeed – Flickr Feed Reader : This plugin will read Flickr photo feeds for a user and/or a list of tags. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

26) jQuery Infinite Scroller : jQuery Infinite Scroller lazy-loads more and more articles from a location of your choice in order to allow infinite scrolling of a content list. For example, you may choose to display 10 articles when the page loads, but add a further 10 articles once the user has scrolled towards the bottom of the current list – and so on!

View Demo | Download Plugin

27) FS.Magnify : jQuery fsMagnify plugin is a simple plugin that magnifies the images over a certain ratio by clicking on them.

View Demo | Download Plugin

28) 3D Feature Image Carousel : This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.

View Demo | Download Plugin

29) JDesktop : Framework for making desktop-like environment in a web browser with very cool effects and animations.You can resize, minimize, maximize and drag windows and change windows themes.

View Demo | Download Plugin

30) Sliding Image Gallery : The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides.

View Demo | Download Plugin

31) Pajinate – A jQuery Pagination Plugin : A jQuery plugin that reworks a list of DOM elements such that they are presented in a easy to navigate, paged manner.

View Demo | Download Plugin

32) Tiny Carousel : Tiny Carousel is a lightweight Jquery based carousel for sliding html based content. You can slide vertical or horizontal and it supports navigation by button or paging.

View Demo | Download Plugin

33) bgFade : This plugin allows

you to duplicate the CSS:hover effect, along with some professional jQuery frosting on top. It’s as easy as

:hover, but lets you do a whole lot more.

View

Demo | Download Plugin

 

34) mb.MediaEmbedder : A jquery

plugin helps you to show a movie from youtube, vimeo, flickr, livestream, ustream. Or to embed your

audiopodcast (mp3 file) on your web page.

View Demo | Download Plugin

This entry was posted in Design, Web Development and tagged , , , . Bookmark the permalink.

12 Responses to 30+ Awe-Inspiring jQuery Plugins To Ramp-Up Your Skills

  1. Pingback: 75+ Awe-Inspiring jQuery Plugins To Ramp-Up Your Skills | Directory Assistance

  2. Pingback: [Javascript] 75+ Awe-Inspiring jQuery Plugins To Ramp-Up Your Skills – サイトに動きやエフェクトを追加できるjQueryプラグイン - mBlog

  3. Bjorn says:

    The MediaEmbedder looks like a useful plugin. I will try this on a WordPress site soon. Thanks for the tip!
    Bjorn´s last [type] ..My favorite WordPress comment plugins

  4. Nautilus says:

    Very nice!
    I was searching something like that!

    thanks for this really useful information!

  5. pathan says:

    Hi,
    I have been using Spritely on one of my mobile blogs. It works perfectly not only for the online visitors, but for the handset users as well.
    Many Thanks for sharing the list.
    Regards. Pathan
    pathan´s last [type] ..Mobile Casinos Offer Mobile Poker Games

  6. Circle Lens says:

    Awesome great find with these jQuery examples! It definitely makes web design much easier and more appealing. I will try the 30th jquery example – image sliding gallery to display our Colour Geo Circle Lens images on our site.

  7. Hoxxy says:

    Good list you have there, a few I haven’t seen before either.

  8. Jquery also has the huge bonus of working on iPhone’s in replace of certain flash applications. I use Jquery frequently on my own personal site as the sliders are very modern & have reduced my bounce rate considerably.

  9. Richard says:

    Thanks for this great list of plugins, I’ll take a look and see which work well on my site.

  10. Pingback: 25+ Best jQuery Plugins To Beautify Your Website « RPL Class

  11. cm says:

    This is a great resource for jquery plugins. I’m going to have to take some time to see if any of them will help me with an Indianapolis Web Design that I am currently working on. Thanks again for such an extensive list!

  12. That’s a great resource – I haven’t really used jQuery plugins a whole lot so they’re all pretty much new to me.

Leave a Reply

Your email address will not be published.

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>

CommentLuv badge

Subscribe without commenting