Sunday , 26 March 2017
Home > Web Designing > 65 + Highly Useful Free jQuery Plugins

65 + Highly Useful Free jQuery Plugins

Implementing this feature in your site will definitely count as a big plus so don’t waste your time and download the available jQuery plugins in this article. If there is a jQuery plugins that you need, you’ll find it here.


As jQuery plugins and its use on modern day websites increase we have decided to add some plugins or say code snippets to enhance the front end user experience to a new level. Not only website jQuery is implemented on applications as its functionality is much more smoother than other modules out there. From sliders, maps, image carousels you will find best free jQuery plugins here today for you to download and implement the code on your website. Also take a look at our related articles which might interest and add to your jQuery collection.

You do not have to worry anymore, in this assortment we are showcasing 65 + new and outstanding jQuery plugins for you. Check this out and get to pick one that suits you and feel free to download. All these jQuery plugins are useful and fresh. Please give us your feedback about this superb collection of jQuery plugins because your feedback is very precious and important for us.

1. Nivo Slider

Nivo Slider is considered as a most popular jQuery slider plugin in the world. It is beautiful and very easy to use, more over, it is full free! Nivo Slider includes 16 Beautiful Transition Effects that makes displaying your gallery of images a beautiful experience  as well as designed to be as simple to setup and use.

Nivo Slider

DemoMore InfoDownload

2. Text Scrolling Plugin for jQuery – Marquee

Marquee.js is an alternative to marquee tag, which is an old and non-standard HTML element, that causes text/image/element to scroll up, down, left or right automatically.

Marquee

DemoMore InfoDownload

3. Popup Window

A simple and easy-to-use jQuery plugin for creating popup window with smooth fade out effect.

Popup Window

DemoMore InfoDownload

4. Fixed Position Top Menu Bar

nagging-menu is a jQuery plugin that allows you to create a floating and fixed position top menu bar on your webpage. The floating menu bar is invisible until you scroll down and then it appears. If you’re looking for a simple fixed top menu bar without using jQuery.

Fixed Position Top Menu Bar

DemoMore InfoDownload

5. PrintArea

PrintArea is a jQuery Plugin that allows your visitors to a specific area of the page. The printed area is either opened in a popup or in a hidden iframe by using json settings.

PrintArea

DemoMore InfoDownload

6. Colorful Countdown Timer

A beautiful date countdown timer plugin with 3 colors built with C3counter.js. Change the value of Line 22 to set the start time.For more Advanced Usages, please check the demo page or visit the official website.

Colorful Countdown Timer

DemoMore InfoDownload

7. Animated Sticky Header On Scroll

In this tutorial we’re going to create a position fixed header that will changes its size on scroll. The idea is to decrease header’s size and the inner elements will adjust their font-size/line height while a certain amount of the page gets scrolled.

Animated Sticky Header On Scroll

DemoMore InfoDownload

8. Cool Animated Side Menus with Sliding and Pushing Effects

In this tutorial we’re going to create animated side menus with cool slide out and slide in effects. It makes it easier to create vertical or horizontal menus that can slide out from any of the edges of your page.

Cool Animated Side Menus with Sliding and Pushing Effects

DemoMore InfoDownload

9. Cool Time Picker For Twitter Bootstrap

Bootstrap Timepicker is a  very cool jQuery to easily select a time for a text input using your mouse or arrow keys.

Cool Time Picker For Twitter Bootstrap

DemoMore InfoDownload

10. Automatic Page Load & Ajax Request Progress Bar – Pace.js

Pace.js is a lightweight (~4kb minified and gzipped) javascript library to create beautiful progress indicators for your page load and ajax request. It will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again.

Automatic Page Load

DemoMore InfoDownload

11. Slide Out Contact Form Plugin with jQuery – Contactable

Contactable is a jQuery Plugin that make it easier to create a contact form on any page of a site with minimal effort. By default, click the feedback link on the left of the page will slide out the contact form.

Contactable

DemoMore InfoDownload

12. Simple jQuery Calendar and Schedule Plugin For Bootstrap – Bic Calendar

Bic Calendar is a lightweight jQuery plugin that enables you to create a simple and nice Calendar & Schedule with ajax event support using twitter bootstrap.

Simple jQuery Calendar and Schedule Plugin For Bootstrap - Bic Calendar

DemoMore InfoDownload

13.  jQuery Facebook Like Chat Plugin – Pusher Chat

Pusher Chat is a jQuery plugin that adds a facebook like chat application to your website using Pusher API. The plugin is easy to customize with CSS and can manage friend list via json.

jQuery Facebook Like Chat Plugin - Pusher Chat

DemoMore InfoDownload

14. Responsive jQuery Content Slider with Animation – bxslider

bxslider is a fully responsive jQuery Slider Plugin that allows you to create a content slider which can contain images, video, or HTML content.

Responsive jQuery Content Slider with Animation - bxslider

DemoMore InfoDownload

15. Responsive Image Cover Flow Plugin with jQuery and CSS3 – flipster

flipster is an amazing and touch-enabled jquery plugin that allows you to create an image Cover Flow effect with CSS3 3D transform and flipping effects. It will fall back to be flat and boring in those browsers which don’t support CSS3 3D transform, like IE7, IE8, IE9.

Responsive Image Cover Flow Plugin with jQuery and CSS3 - flipster

DemoMore InfoDownload

16. jQuery Plugin For Multiple File Uploader – Upload File

Upload File is an easy jQuery plugin used to create a file uploader with progress bar that supports multiple files and drag & drop uploads.

jQuery Plugin For Multiple File Uploader - Upload File

DemoMore InfoDownload

17. Flexisel – Responsive Carousel Plugin

Resize your browser window to see how you the plugin can adjust to the window width. Flexisel will adapt responsively as the screen width gets smaller…

Flexisel – Responsive Carousel Plugin

18. Swipebox – A Touchable jQuery Lightbox

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Swipebox – A Touchable jQuery Lightbox

Demo Download

19. Sidr – Creating Facebook-Like Side Menus

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

Sidr – Creating Facebook-Like Side Menus

Demo Download

20. Unslider – A ‘Super-Tiny’ jQuery Slider

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

Unslider – A ‘Super-Tiny’ jQuery Slider

Demo Download

21. jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

Demo Download

22. jResponsive – Super-Smooth Transition Layouts

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.

jResponsive – Super-Smooth Transition Layouts

Demo Download

23. MultiDialog

MultiDialog utilizes jQuery UI Dialog Widget for a full featured Modalbox / Lightbox application.

MultiDialog

Demo Download

24. FlexNav – Flexible, Device Agnostic Navigation

A jQuery Plugin for Responsive Menus.

FlexNav – Flexible, Device Agnostic Navigation

Demo Download

25. Flaunt.js – Responsive Navs with Nested Click-To-Reveal

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

Flaunt.js – Responsive Navs with Nested Click-To-Reveal

Demo Download

26. SlideToucher – Touch Enabled jQuery Plugin for Content Swiping

SlideToucher, touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.
SlideToucher – Touch Enabled jQuery Plugin for Content Swiping

Demo Download

27. LiquidSlider – A Responsive jQuery Content Slider

A Responsive jQuery Content Slider.

LiquidSlider – A Responsive jQuery Content Slider

Demo Download

28.Dropdown.dot.js Flexible Dropdowns Based on dot.js Templates

A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.

Dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates

Demo Download

29. Typeahead.js – A Fully-Featured Autocomplete Library

A fast and fully-featured autocomplete library.

Typeahead.js – A Fully-Featured Autocomplete Library

Demo Download

30. iCheck – Customize Checkboxes & Radio Buttons

iCheck plugin works with checkboxes and radio buttons like a constructor.

iCheck – Customize Checkboxes & Radio Buttons

Demo Download

31. Chardin.js – Simple Overlay Instructions for Apps

Simple overlay instructions for your apps.

Chardin.js – Simple Overlay Instructions for Apps

Demo Download

32. jQuery Alpha Image Plugin

This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. I didn’t try in opera.

jQuery Alpha Image Plugin

Demo Download

33. ScrollUp

A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”.

ScrollUp

Demo Download

34. Adding Alarms to the Digital Clock

Adding Alarms to the Digital Clock.

Adding Alarms to the Digital Clock

Demo Download

35. Ractive.js

Ractive.js is different. It solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.

Ractive

Demo Download

36. Firechat

Firechat is an open-source, real-time chat widget built on Firebase. It offers fully secure multi-user, multi-room chat with flexible authentication, moderator features, user presence and search, private messaging, chat invitations, and more.

Firechat

Demo Download

37. Albumize

Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

Albumize

Demo Download

38. PowerTip – A jQuery Hover Tooltip Plugin

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

PowerTip – A jQuery Hover Tooltip Plugin

Demo Download

39. Flat jQuery Price Slider

This jQuery price slider to select range of prices which help you vastly in your development and design projects. This price range slider is totally free to download.

Flat jQuery Price Slider

Demo Download

40. Gmaps jQuery Map Plugin

Gmaps js script is simple in itself with minimal code and clean documentation to implement the code all by yourself. The power of Google maps now can be harvested with this cool jQuery plugin without any limits. Choose from 25 Different features starting from basic map layout to Street View Panoramas.

Gmaps jQuery Map Plugin

Demo Download

41. FormChimp – MailChimp ajax plugin for jQuery

A customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.

FormChimp - MailChimp ajax plugin for jQuery

Demo Download

42. OWL Carousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

OWL Carousel

Demo Download

43. jQuery Spellchecker

A lightweight jQuery plugin that can check the spelling of text within a form field or DOM tree.

jQuery Spellchecker

Demo Download

44. Chart js

Easy, object oriented client side graphs for designers and developers. Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

Chart js

Download

45. Email-autocomplete

A jQuery plugin that suggests and autocompletes the domain in email fields.

Email-autocomplete

Demo Download

46. Draggabilly

Make something draggable with code snippet of jQuery.

Draggabilly

Demo Download

47. Interact.js

A Javascript drag and drop, resizing and gestures for modern desktop and mobile browsers.

Interact

Demo Download

48. Sortable

Sortable — is a minimalist JavaScript library for modern browsers and touch devices.

Sortable

Demo Download

49. rowGrid.js

rowGrid.js is a small, lightweight (~800 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is similar to grids on Google Image Search, flickr, shutterstock and Google+ images.

rowGrid

Demo Download

50. Scattered Polaroid gallery

A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides.

Scattered Polaroid gallery

Demo Download

51. Viewport Image Resize

Simple & hassle-free image resize & crop based on a pseudo-viewport.

Viewport Image Resize

Demo Download

52. jQueryUI Limitslider

A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

jQueryUI Limitslider

Demo Download

53. Freewall

Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet.

Freewall

 Demo Download

54. jQuery fontIconPicker

jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.

jQuery fontIconPicker

Demo Download

55. jQuery Flip-Quote

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it’s scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

jQuery Flip-Quote

Demo Download

56. Bootstrap-dialog

Make use of Bootstrap’s modal more monkey-friendly.

Bootstrap-dialog

Demo Download

57. jquery.tabelizer

Tabelizer 1.0.3 – multi level grouping indicators for tables Version 1.0.3 Requires jQuery v1.6+ and jQuery.ui core.

jquery tabelizer

Demo Download

58. Facebook Badge Jquery Plugin

FaceBadge add a badge of your Facebook Page in your site.

Facebook Badge Jquery Plugin

Demo Download

59. Croppic

This is an image cropping jquery plugin that will satisfy your needs and much more.

Croppic

 Download

60. JQuery Plugin for Google Drive API

Google Drive is a nice and easy (once you get used to it) way to store and share files on the cloud. Apps on Android phones and tablets synchronize their documents and images to Google Drive. One can think of so many interesting applications using them.

JQuery Plugin for Google Drive API

Demo Download

61. Pick-a-Color

Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.

Pick-a-Color

Demo Download

62. Simple Vertical Menu

Simple, but very stylish vertical menu using some CSS3, a bit of jQuery, a custom text font and the most impressive icon font you can find at this moment, which is FontAwesome.

Simple Vertical Menu

Demo Download

67. jQuery Message Form

Just a little character counter experiment with jQuery .

jQuery Message Form

Demo Download

68. Magnifying Glass Plugin with jQuery and CSS3

This is a simple little plugin that I made, based off this walkthrough from TCP.

Magnifying Glass Plugin with jQuery and CSS3

Demo Download

About Daniel Brady

WebTecHelp is created and maintained by me. I'm very passionate about following topics as web design, social media, internet marketing. I consider to be myself very social person and would love to meet a lot of new, different thinking people. :) . Connect me on Google plus..

One comment

  1. hi i downloaded some sliders from ur website those are really awesome. after trying those i will give my feed back also any way thank you very much

    regards
    Rambabu

Leave a Reply

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

*

Timber by EMSIEN 3 Ltd BG