40+ Jquery Plugins for your websites

By  |  4 Comments

1- Moving Boxes Content with jQuery

This jQuery script will place some very nice effects on your website template. The basic concept behind this script is to have small boxes scatter at the top and when a menu item is clicked the boxes will animation and form a main content area. There are many different effects that you can apply and make things interesting.

Moving Boxes Content with jQuery

Demo

Download

2- Google’s Christmas Doodle with jQuery

As the name suggests , Google’s Christmas Doodle with jQuery, this handy jQuery script will let you place a Google Doodle like animation at anywhere on your page. Well I tried and I am going to place some nice things as I finish up the tweaking with jQuery and CSS.

Google’s Christmas Doodle with jQuery

Demo

Download

3- Fluid Navigation

Hands up to this awesome fluid navigation bar, which is totally developed in CSS and jQuery.

Fluid Navigation

Demo

Download

4- Better Check Boxes with jQuery and CSS

This handy plugin will help you to create a replacement for the default browser check boxes. This plugin will enhance user experience progressively, also if there is no Java found it will fall back to default.

Better Check Boxes with jQuery and CSS

Demo

Download

5- AnythingZoomer v1.0

Now this handy plugin will not only will allow your users to zoom into a picture but also will allow them to zoom in the whole content page (Like a iPad). Ain’t that nice?. When a user mouse over an image the zoom in will work but if you want to zoom into the page just double tap or double click. Also you can customize the zoom in, zoom out, etc via easy CSS.

 AnythingZoomer v1.0

Demo

Download

6- Quicksand jQuery Plugin

Shuffle (Reorder) and filter items with a nice shuffling animation.

Quicksand jQuery Plugin

Demo

Download

7- MobilyBlocks

MobilyBlocks is a plugin that allows you to easily create an unordered list as stylish animation circle.

Features:

  • Clockwise and counter-clockwise
  • Hover Trigger
  • Click Event

MobilyBlocks

Demo

Download

8- Photoshoot jQuery Effect

Now this jQuery effect will perform the hardest task we face. Taking a snapshot and form a full size picture is its core magic.

Photoshoot jQuery Effect

Demo

Download

9- Coda Popup Bubbles

Coda Popup Bubble is a nice way to have tooltips on your site.

Coda Popup Bubbles

Demo

Download

10- iCarousel

If you need a Carousel? Than this one is for you. It’s a simple horizontal image slider with a beautiful look and feel.

iCarousel

Demo

Download

11- Tipsy – Facebook-style tooltip plugin for jQuery

Tipsy jquery plugin will create a facebook like tooltip effect based on an anchor tag. There are many customization options in this handy plugin. The default values will show the tooltip at the center of the pointer which can be customized with ease.

Tipsy Facebook-style tooltip plugin for jQuery

Demo

Download

12- jQuery Slider Start/Stop

I am not a big fan of this handy script as I really wanted it to come in a plugin form. But the upgrade is awesome and includes a new features like stop/start button and there are animation effects rather than just horizontal ones.

jQuery Slider Start/Stop

Demo

Download

13- jQuery Confirm Dialog Replacement

If you want to build a cross-browser custom confirmation dialog in the of an easy to use jQuery plugin than look no more download this plugin and enjoy. Best thing about it is you can decide the buttons, text and actions that will be executed when they are clicked.

jQuery Confirm Dialog Replacement

Demo

Download

14- jQuery File Upload

This handy script will give you a nice experience if you need a graphical way to upload your files.

Features:

  • Multiple file upload
  • Drag & Drop support
  • Upload progress bar
  • Cancelable uploads
  • Resumable uploads
  • Preview images
  • Graceful fallback for legacy browsers

jQuery File Upload

Demo

Download

15- jquery Thumbnail Scroller

This plugin is inspired by Flash thumbnail scroller. It’s core feature is that it is controlled by the movement of your cursor, also it can be customized via CSS.

 jquery Thumbnail Scroller

Demo

Download

16- Slideout Tips With jQuery & CSS3

Slideout tips with jQuery & CSS3 is a stunning jQuery effect which allows developer to distribute and set different items by custom criteria.

Slideout Tips With jQuery & CSS3

Demo

Download

17- Flip Box

Flip box is a jQuery Plugin that will flip your given elements in four directions. Just download and experience its power.

Flip Box

Demo

Download

18- CSS3 Lightbox Gallery

I am a big fan of Lightbox Gallery effects. This handy CSS3 gallery script will allow you to drag pictures however you’d like.

CSS3 Lightbox Gallery

Demo

Download

19- MobilyNotes

Mobily Notes the lightweight jQuery plugin that shows your html content or images in a stacked format. The total size of this plugin is 2KB.

Features:

  • Rotating your content
  • Autoplay
  • Auto-generated buttons

MobilyNotes

Demo

Download

20- Panning Slideshow

Panning Slideshow is an elegant panning jQuery effect slider that can work as a main element on any website.

Panning Slideshow

Demo

Download

21- Text with Moving Backgrounds

Text with moving background is a jQuery plugin which will help you to achieve a good user experience.

Text with Moving Backgrounds

Demo

Download

22- Image Power Zoomer v1.1

Sometimes there are things that need to be looked closely or inspected closely. Image Power Zoomer will give any image on your page the ability to be zoomed when the mouse rolls over it.

 Image Power Zoomer v1.1

Demo

Download

23- Circulate

Circulate will give your users a chasing experience when the user rolls near to the item the element will circulate away from the pointer.

Circulate

Demo

Download

24- Avia Slider

Avia Slider a jQuery slideshow plugin of its own kind which can be used to create beautiful templates.

Avia Slider

Demo

Download

25- Sliding Boxes

If you need to upgrade the look of your website into a modern look than download this plugin right away and experiences it power.

Sliding Boxes

Demo

Download

26- Apple-like jQuery Effect

Another zoom Plugin with nice features.

Apple-like jQuery Effect

Demo

Download

27- MobilySelect

MobilySelect is jQuery plugin (2kB) that replaces one collection of items with another. You can use it for gallery and use its three types of animations.

Features:

  • Shows specified collection on start-up
  • Three types of animation
  • Callback functions.

MobilySelect

Demo

Download

28- Google Map Selector

This jQuery plugin will help you to embed Google Map.

Google Map Selector

Demo

Download

29- Slick jQuery Plugin

The jQuery Slick Plugin creates sticky, sliding tabs from any static content

Slick jQuery Plugin

Demo

Download

30- Zoomer Gallery jQuery Plugin

This plugin will allow you to easily transform your images gallery into a flash like zoom effect gallery.

Zoomer Gallery jQuery Plugin

Demo

Download

31- Nivo Zoom

Nivo Zoom will allow you to zoom the image or as lightbox. Its core feature is, you can change the location of larger images. Nivo is a cross-nivo browser plugin and are tested on IE7+, Google Chrome, firefox3+ and Safari 4.

Nivo Zoom

Demo

Download

32- Bubble Navigation

Bubble Navigation will allow you to create a stunning navigation for your website.

Bubble Navigation

Demo

Download

33- jQ Fancy Transitions

As the name states jQ FancyTransitions will allow you to make transitions of your gallery images in a fancy way.

jQ Fancy Transitions

Demo

Download

34- Funky Tooltips

Funky Tooltips, a awesome jQuery plugin that will allow you to create tooltips describing the content of you links and images like alltops. The code is very easy to understand and customized/implement.

Funky Tooltips

Demo

Download

35- Simple Tooltip w/ jQuery & CSS

Simple Tooltip with jQuery & CSS  can show the text and the image when a user rolls over a given element.

Simple Tooltip w/ jQuery & CSS

Demo

Download

36- jquery vticker (vertical news ticker)

vTicker a vertical news ticker that will keep your users interested for a long time. Very awesome jQuery plugin which can be used with Tweet and it can auto detect the height or you can do it yourself as well.

jquery vticker (vertical news ticker)

Demo

Download

37- Coda Slider

Coda Slider is a clone of ‘Coda’ slider interface but there is more it allows you to place links to the sliding content anywhere on the page and have effects on them.

Coda Slider

Demo

Download

38- MobilyMap

If you want Google Map dragging function than this is the right jQuery plugin for you its size is just 7KB but it do wonders. You can get dragging function on any image on your site just like Google Map.

Features:

  • Can add markers
  • Display HTML content when markers are clicked
  • The map can be positioned how you prefer
  • Remember last position of the map (cookies)
  • Display caption of the map
  • Display buttons to pan in four directions
  • Callback functions

MobilyMap

Demo

Download

39- Organic Tabs

Organic Tabs creates a tabbed area in a way too good manner. It’s core function is based on calculating height and animating between those heights while not having any jerk up or down.

Organic Tabs

Demo

Download

40- Circular Discography Template with jQuery

This is a jQuery Discography Template. Core functions are rotation of images with very nice effect and playing music and showing text details are unique.

Circular Discography Template with jQuery

Demo

Download

41- Expanding Image Menu with jQuery

Expanding image menu with jQuery. An awesome script that can be suitable for portfolio websites.

Expanding Image Menu with jQuery

Demo

Download

42- Client Testimonials Powered by PHP, XML and jQuery

An awesome Client Testimonial powered by PHP, jQuery and Xml.

Client Testimonials Powered by PHP, XML and jQuery

Demo

Download

43- jQuery custom content scroller

A custom jQuery Content scroller the UI is fully customizable with CSS. Features include vertical/horizontal scrolling, mouse-wheel support, scroll easing and adjustable scrollbar height/width.

jQuery custom content scroller

Demo

Download

4 Comments

  1. Martha

    November 21, 2011 at 5:35 pm

    Great Sharing very much Hard Work you did for this. Keep it up.

  2. David JK

    November 22, 2011 at 2:35 pm

    It is quit hardwork to collect all these.

  3. c9730a

    November 28, 2011 at 11:15 am

    Your Blog is to high-quality.

  4. Nitin Jaiswal

    February 21, 2013 at 11:58 am

    Great collection. Really appreciate

Leave a Reply